Home/Libraries/Freehand free icons (Iconify)/email-action-search

Freehand free icons (Iconify)

EmailActionSearch

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="M23.74 23.456a10 10 0 0 0-3.004-3.335a4.167 4.167 0 0 0-1.933-7.23a4.617 4.617 0 0 0-5.528 4.756c.1 2.274 2.264 4.006 3.766 3.836a.311.311 0 1 0-.05-.62a3.265 3.265 0 0 1-2.764-3.216a3.715 3.715 0 0 1 4.356-3.635c2.634.52 3.636 3.575 1.362 5.769a4.4 4.4 0 0 1-1.442 1.001a.35.35 0 0 0 .23.661a4.8 4.8 0 0 0 1.463-.821a13.5 13.5 0 0 0 3.004 3.275a.35.35 0 0 0 .54-.44m-12.658-8.804a42 42 0 0 0-6.23-.05c-1.511.1-2.733.24-3.474.26a.35.35 0 1 0 0 .701c3.248.278 6.518.181 9.744-.29a.31.31 0 1 0-.04-.621m-4.436-6.65a37 37 0 0 0-5.278 5.508a.365.365 0 0 0 .53.501c1.302-1.352 3.156-2.544 5.51-5.468c.25-1.062-.07-1.102-.761-.54m7.209-.141c-1.001-.51-1.342-.34-.881.711c.665.814 1.41 1.559 2.223 2.223a.355.355 0 0 0 .541-.46a13.4 13.4 0 0 0-1.883-2.474"/><path d="M19.074.812C18.233-.008 3.44-.65.857 1.183a1 1 0 0 0-.32.52C.055 3.467.165 12.81.406 14.484a.31.31 0 0 0 .59-.08c-.11-3.899.044-7.8.46-11.678c1.393 1.122 7.151 5.829 8.954 5.789c2.193-.06 8.142-6.77 8.242-6.26c.286 2.642.316 5.305.09 7.952a.351.351 0 1 0 .702.05c.14-1.542.73-8.352-.371-9.444m-7.621 6.01c-1.102.69-1.002.71-2.003.19C7.557 6.01 3.44 3.286 1.668 2.084c-.09-.931 14.221-1.231 16.354-.56a41.5 41.5 0 0 1-6.57 5.257z"/></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. EmailActionSearchIcon.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.