Home/Libraries/Freehand free icons (Iconify)/settings-screwdriver

Freehand free icons (Iconify)

SettingsScrewdriver

License: CC-BY-4.0

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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M9.22 14.86c-.53.49-1.31 1.081-2.12 1.772c-.3.26-.59.53-.88.8s-.571.57-.841.85a38 38 0 0 0-1.862 2.122a.37.37 0 0 0 0 .52a.38.38 0 0 0 .52 0c.521-.48 1.342-1.11 2.182-1.84c.47-.411 1-.841 1.401-1.302a24 24 0 0 0 2.071-2.481a.32.32 0 0 0-.48-.42z" clip-rule="evenodd"/><path fill="#818cf8" d="M23.58 2.353a5 5 0 0 0-1-.94A20 20 0 0 0 20.577.001a.3.3 0 0 0-.24.08s-2.602 2.721-2.752 4.082a1.52 1.52 0 0 0 .44 1.31l-.41.391l-1.751 1.601c-.61.63-1.24 1.23-1.831 1.871c-.59.64-.89 1-1.431 1.641c-.25.47-.11 1.211.77.6c.59-.54.931-.85 1.511-1.41s1.211-1.271 1.812-1.921l1.48-1.852s.28-.36.44-.55q.245.1.501.17a3.93 3.93 0 0 0 2.782-.82a5.2 5.2 0 0 0 1.8-2.092a.8.8 0 0 0-.12-.75m-2.382 1.841c-.524.43-1.183.66-1.86.65c-.311-.06-.521-.13-.611-.29a1 1 0 0 1 0-.77a10 10 0 0 1 1.84-2.912c.421.35 1.232 1 1.772 1.561c.13.15.2.38.29.47a5.1 5.1 0 0 1-1.43 1.291m-10.045 7.576l-.31-.21l-.07-.05a.29.29 0 0 0-.33 0a.28.28 0 0 0-.1.38s2.361 1.88 3.111 2.611q.192.193.32.43c.05.09.1.18.06.27q-.146.306-.33.591a.73.73 0 0 1-.32.31c-.14.05-.2-.09-.29-.16a1.4 1.4 0 0 0-.51-.23a1 1 0 0 0-.79.23q-.229.155-.42.35c-.441.42-.791 1.001-1.252 1.341c-1.16 1-2.171 2.142-3.292 3.162q-.67.676-1.45 1.221c-.5.33-1.046.58-1.622.74a1.63 1.63 0 0 1-1.4-.15a1.27 1.27 0 0 1-.66-1.21c.13-.603.378-1.175.73-1.681a12.8 12.8 0 0 1 2-2.412A26.3 26.3 0 0 1 7.98 14.3c.57-.39.68-.77.62-1.12a2.1 2.1 0 0 0-.48-.901c-.18-.23-.44-.45-.35-.73a.84.84 0 0 1 .55-.55a.74.74 0 0 1 .7.01a.35.35 0 0 0 .511 0a.36.36 0 0 0 0-.511a1.49 1.49 0 0 0-1.51-.27a1.64 1.64 0 0 0-1.061 1a1.28 1.28 0 0 0 .2 1.101c.19.31.51.58.55.87c0 .11-.09.16-.26.27a27.5 27.5 0 0 0-4.003 3.003c-.847.764-1.6 1.627-2.241 2.571a4.55 4.55 0 0 0-.95 2.692a2.53 2.53 0 0 0 1.14 1.79a2.67 2.67 0 0 0 2.001.431a6.3 6.3 0 0 0 2.442-1q.857-.57 1.6-1.281c1.092-1 2.052-2.242 3.173-3.232q.6-.619 1.11-1.311q.19-.232.43-.41c.12-.1.19 0 .26 0c.156.117.333.202.521.25a1 1 0 0 0 .57-.05c.2-.092.377-.225.52-.39c.234-.306.422-.643.561-1.001a1 1 0 0 0 0-.85a2.5 2.5 0 0 0-.56-.67c-.42-.381-2.742-2.152-2.872-2.242"/></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. SettingsScrewdriverIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.