Home/Libraries/Freehand free icons (Iconify)/programming-search

Freehand free icons (Iconify)

ProgrammingSearch

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.797 8.174a.31.31 0 0 0-.37-.49a14.7 14.7 0 0 0-3.515 3.096a.86.86 0 0 0 .21 1.148c.47.46 2.796 2.457 3.435 2.417a.35.35 0 0 0 .35-.34c0-.35-.09 0-1.129-.998c-.769-.71-1.508-1.588-1.767-1.818a40 40 0 0 1 2.786-3.015m3.445-1.818c-.53 2.337-1.937 4.693-2.496 8.778a.35.35 0 0 0 .679.14c.768-2.886 2.117-4.634 2.426-8.828a.31.31 0 0 0-.609-.09m5.283 4.894c.09-.41-.21-.8-.58-1.19c-.709-.758-1.997-1.866-2.456-2.236a.303.303 0 0 0-.43.43c.35.419 1.998 2.386 2.257 2.855a27 27 0 0 1-2.576 2.647c-.11.1-.39.24-.46.4a.37.37 0 0 0 .58.419c.689-.4 3.385-2.257 3.665-3.326"/><path d="m21.708 17.34l-.89-.738c-1.647-1.119-1.827-1.278-2.056-1.398a9.73 9.73 0 0 0 .539-8.988A10.106 10.106 0 0 0 2.205 4.52C-2.42 10.3.427 19.348 8.895 20.686a8.4 8.4 0 0 0 3.316 0a.36.36 0 1 0-.21-.689c-.989.2-2.007.2-2.996 0C1.345 18.56-.98 10.4 3.163 5.297a9.037 9.037 0 0 1 15.17 1.419c2.246 4.653-.5 10.125-4.265 12.382a.37.37 0 0 0-.15.513a.37.37 0 0 0 .52.126a11.8 11.8 0 0 0 3.924-3.874c1.648 1.068 3.995 2.996 4.424 4.853a1.27 1.27 0 0 1-.51 1.468c-.548.41-2.536-.849-3.075-1.288c-1.288-.999-1.628-1.308-2.077-1.738s-.57-.32-.62-.13s-.149.24.12.5a22 22 0 0 0 2.118 2.307c1.148.998 2.996 2.177 4.234 1.298c2.087-1.578.639-4.015-1.268-5.792"/></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. ProgrammingSearchIcon.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.