Home/Libraries/SVG Logos (Iconify)/craft

SVG Logos (Iconify)

Craft

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 269"><g fill="#818cf8"><path d="M466.843 114.37h40.137l4.674-24.544h-40.136l6.839-35.9h-.134l-30.438 23.87l-2.288 12.03h-31.528l9.216-48.373c2.171-18.256 29.966-12.728 34.104-11.692l4.444-23.31c-49.982-19.213-64.574 35.002-64.574 35.002l-9.21 48.373h-.162l-31.302 24.544h26.788l-29.432 154.502h26.026l29.428-154.502h31.527L429.3 174.846c-7.326 44.033 36.777 39.211 50.851 36.38l4.4-23.062c-33.67 7.605-29.232-13.318-29.232-13.318l11.525-60.476"/><path d="M312.908 177.787c-27.082 27.788-44.422 9.589-44.422 9.589c-11.74-11.43 1.238-23.168 1.238-23.168c17.912-16.37 45.324 1.615 45.324 1.615l-2.14 11.964zm5.991-33.515s-37.286-19.136-63.386 2.174c0 0-15.286 10.194-15.286 30.58c0 20.389 18.686 31.348 18.686 31.348s28.103 14.83 50.114-8.87l-2.43 11.03h24.61l15.469-73.38c11.607-72.404-74.655-46.74-74.655-46.74l-4.704 26.03c63.592-27.716 52.88 20.572 52.88 20.572l-1.298 7.256z"/><path d="M249.977 89.9c-20.068.209-38.307 11.409-38.307 11.409l2.326-10.986h-24.088L167.93 210.758h24.614l14.902-79.233c11.014-22.378 38.242-15.427 38.242-15.427l4.29-26.199"/><path d="M156.057 38.287a65.178 65.178 0 0 1 3.58 2.95l18.685-14.657l.582-.757c-2.862-2.89-5.935-5.625-9.257-8.135c-42.874-32.36-107.66-18.815-144.693 30.257c-37.035 49.07-32.301 115.073 10.573 147.438c35.005 26.42 84.61 22.23 121.798-6.903l-.04-.075l-17.785-13.948c-27.555 17.716-61.741 18.99-86.471.328c-32.934-24.855-36.568-75.563-8.12-113.26c28.45-37.691 78.215-48.096 111.148-23.238"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CraftIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.