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

Freehand free icons (Iconify)

SearchMagnifier

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" d="M16.195 8.05a5.74 5.74 0 0 0-1.248-2.655c-.19-.23-.39-.5-.62-.73a2.1 2.1 0 0 0-.578-.429a.34.34 0 0 0-.44.12h-.13a36 36 0 0 0-2.915 1.858c-.47.329-.94.659-1.398.998L7.527 8.341c-.689.609-1.418 1.228-2.087 1.897c-.31.31-.599.629-.878.998a4.2 4.2 0 0 1-.14-1.647a8.3 8.3 0 0 1 2.277-4.424a3.7 3.7 0 0 1 1.138-.759a5.4 5.4 0 0 1 1.867-.33a12.8 12.8 0 0 1 2.996.35a.3.3 0 0 0 .31-.22a.31.31 0 0 0-.22-.37a14.2 14.2 0 0 0-3.106-.478a6.1 6.1 0 0 0-2.147.31c-2.127.748-3.924 3.794-4.204 5.79a5.8 5.8 0 0 0 .49 3.107A6.36 6.36 0 0 0 5.78 14.98a4.8 4.8 0 0 0 1.588.75a7 7 0 0 0 1.647.249a7.44 7.44 0 0 0 4.364-1.308a6.47 6.47 0 0 0 2.627-3.685a7 7 0 0 0 .19-2.936M4.881 12.046a1 1 0 0 1-.07-.17q.57-.549 1.209-1.018c.729-.58 1.497-1.098 2.236-1.628s1.259-.998 1.868-1.488a78 78 0 0 0 1.827-1.527c.62-.53 1.059-.84 1.598-1.219q.127.096.24.21c.2.22.38.48.549.699c.48.582.82 1.265.999 1.997c-1.06.65-2.138 1.238-3.196 1.877q-1.177.696-2.277 1.508A21 21 0 0 0 6.7 14.282l-.22-.13a5.26 5.26 0 0 1-1.598-2.067zm10.266-1.348a5.48 5.48 0 0 1-2.327 3.086a6.4 6.4 0 0 1-3.745.998a5.5 5.5 0 0 1-1.398-.2c-.13 0-.25-.09-.37-.13c.45-.389.9-.748 1.369-1.098c.47-.35.998-.659 1.468-.998l1.478-.999q1.937-1.328 3.804-2.736a6.1 6.1 0 0 1-.28 2.117z"/><path fill="#818cf8" d="M23.245 20.553a3.6 3.6 0 0 0-.18-.639a4.4 4.4 0 0 0-.539-.998a11.5 11.5 0 0 0-.998-1.249a17 17 0 0 0-1.698-1.607c-.829-.68-1.698-1.298-2.576-1.997q.395-.76.649-1.578q.373-1.228.559-2.497c.157-.812.23-1.639.22-2.466a5.6 5.6 0 0 0-.29-1.698a12 12 0 0 0-.57-1.448a5.2 5.2 0 0 0-.568-.939a6.7 6.7 0 0 0-1.318-1.288c-.736-.52-1.53-.953-2.367-1.288a13 13 0 0 0-1.797-.629a7.2 7.2 0 0 0-1.998-.23a8.6 8.6 0 0 0-2.426.49C6.58.77 5.84 1.122 5.14 1.54c-.6.34-1.166.738-1.688 1.188C1.216 4.696.757 8.99.727 9.458a8.4 8.4 0 0 0 .54 3.736q.18.452.419.878c.23.4.489.79.759 1.179a9 9 0 0 0 1.837 2.047a5.4 5.4 0 0 0 1.668.899q1.037.338 2.117.499c.491.082.99.112 1.488.09a9.2 9.2 0 0 0 2.276-.44a14 14 0 0 0 2.078-.918q.202.24.379.499c.43.66.769 1.368 1.168 1.997q.422.652.919 1.248q.47.586.999 1.119a6.53 6.53 0 0 0 3.505 1.678a2 2 0 0 0 2.326-1.658q.06-.262.09-.53q.015-.264 0-.529a4 4 0 0 0-.05-.699m-1.158 1.468a1 1 0 0 1-1.139.79a5.4 5.4 0 0 1-2.836-1.25a12 12 0 0 1-.998-.998a10 10 0 0 1-.919-1.088c-.44-.62-.839-1.308-1.298-1.937a6 6 0 0 0-.39-.46l.13-.09q.333-.238.63-.519a.36.36 0 0 0 0-.49a.34.34 0 0 0-.48 0a4 4 0 0 1-.549.43a6 6 0 0 1-.6.37a15 15 0 0 1-1.996.838a8.3 8.3 0 0 1-2.137.36a6.4 6.4 0 0 1-1.638-.17a11 11 0 0 1-1.638-.45a4.7 4.7 0 0 1-1.677-1.048a8.8 8.8 0 0 1-1.298-1.607c-.23-.36-.47-.72-.68-1.119q-.195-.37-.349-.759a7.4 7.4 0 0 1-.41-3.285c.46-5.293 3.146-6.55 3.915-6.99A11.3 11.3 0 0 1 7.727 1.6a7.2 7.2 0 0 1 2.107-.45a6.2 6.2 0 0 1 1.668.18a12 12 0 0 1 1.658.53q.962.371 1.847.898a5.5 5.5 0 0 1 1.498 1.239q.285.354.49.759q.33.643.568 1.328c.164.463.261.947.29 1.438c.024.778-.026 1.557-.15 2.326a18 18 0 0 1-.37 1.998a9 9 0 0 1-.698 1.907q-.242.523-.57.998a6.3 6.3 0 0 1-.719.85a.304.304 0 0 0 .42.439q.44-.428.809-.919c.11-.15.2-.31.3-.47c.808.68 1.617 1.319 2.386 1.998q.815.744 1.518 1.598q.47.562.869 1.178q.238.381.379.809q.075.245.12.499q.015.24 0 .48z"/></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. SearchMagnifierIcon.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.