Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: wiggle. Pick another to preview it and update the animated code:

Remix Icon · RiWrenchFill

Wrench Fill icon

A free wrench fill icon from Remix Icon, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/wrench-fill.json
components/icons/remix-wrench-fill.tsx
import * as React from "react";

/**
 * Wrench Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/wrench-fill. Sized in em, colored by currentColor.
 */
export function RiWrenchFillIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M19.2486 6.87221C19.4894 6.63146 19.8364 6.52969 20.1691 6.60221C20.5017 6.67474 20.7748 6.91221 20.8935 7.23129C21.8177 9.71627 21.2825 12.6245 19.2824 14.6248C17.3072 16.6001 14.4469 17.1462 11.9814 16.269L7.96873 20.2817C6.79716 21.4533 4.89766 21.4533 3.72609 20.2817C2.55452 19.1101 2.55452 17.2106 3.72609 16.039L7.73878 12.0264C6.8616 9.56086 7.40766 6.70062 9.38295 4.72534C11.3798 2.72875 14.2813 2.19203 16.7634 3.10949C17.0831 3.22767 17.3209 3.50092 17.3938 3.83386C17.4666 4.16665 17.3647 4.51341 17.1238 4.75434L14.7677 7.11044C14.1823 7.69617 14.1823 8.64605 14.7677 9.23176C15.3534 9.81746 16.3032 9.81728 16.889 9.23176L19.2486 6.87221Z"
      />
    </svg>
  );
}
With react-icons
import { RiWrenchFill } from "react-icons/ri";

export function Example() {
  return <RiWrenchFill className="size-5" />;
}
wrench-fill.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M19.2486 6.87221C19.4894 6.63146 19.8364 6.52969 20.1691 6.60221C20.5017 6.67474 20.7748 6.91221 20.8935 7.23129C21.8177 9.71627 21.2825 12.6245 19.2824 14.6248C17.3072 16.6001 14.4469 17.1462 11.9814 16.269L7.96873 20.2817C6.79716 21.4533 4.89766 21.4533 3.72609 20.2817C2.55452 19.1101 2.55452 17.2106 3.72609 16.039L7.73878 12.0264C6.8616 9.56086 7.40766 6.70062 9.38295 4.72534C11.3798 2.72875 14.2813 2.19203 16.7634 3.10949C17.0831 3.22767 17.3209 3.50092 17.3938 3.83386C17.4666 4.16665 17.3647 4.51341 17.1238 4.75434L14.7677 7.11044C14.1823 7.69617 14.1823 8.64605 14.7677 9.23176C15.3534 9.81746 16.3032 9.81728 16.889 9.23176L19.2486 6.87221Z"
  />
</svg>
Attribution
"Wrench Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons:

Wrench Fill icon in other sets