Home/Libraries/Freehand free icons (Iconify)/smiley-dizzy

Freehand free icons (Iconify)

SmileyDizzy

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="M10.319 1.216q.58-.03 1.16 0h.96c.39 0 .75-.13 1.15-.15a.3.3 0 0 0 .34-.25a.29.29 0 0 0-.25-.34a6 6 0 0 0-1.23-.38a3 3 0 0 0-.54 0a3.3 3.3 0 0 0-.54.07q-.615.15-1.2.39a.36.36 0 0 0-.26.44a.35.35 0 0 0 .41.22M24 11.067a.34.34 0 0 0-.68 0v1c0 .31 0 .69-.05 1a10.5 10.5 0 0 1-.67 2.75a12.3 12.3 0 0 1-1.31 2.52a9.67 9.67 0 0 1-4.52 3.45a12.75 12.75 0 0 1-5.711.84a12.3 12.3 0 0 1-3.15-.69a9.5 9.5 0 0 1-2.81-1.44a10.8 10.8 0 0 1-2.89-3.78a12.5 12.5 0 0 1-1.14-4.72a.3.3 0 0 0-.3-.29a.31.31 0 0 0-.3.31a13.1 13.1 0 0 0 1 5a11.55 11.55 0 0 0 3 4.22a10.1 10.1 0 0 0 3.03 1.84a12.5 12.5 0 0 0 3.44.79a13.55 13.55 0 0 0 6.21-.94a10.5 10.5 0 0 0 4.85-3.93a13 13 0 0 0 1.321-2.74a11 11 0 0 0 .62-3v-1.08c.06-.38.06-.74.06-1.11"/><path fill="#818cf8" d="M12.389 4.586a5.24 5.24 0 0 0-.35 4a5 5 0 0 0 2.58 3.08a7.55 7.55 0 0 0 3.91.66a6 6 0 0 0 2.88-.93a3.9 3.9 0 0 0 1.69-2.63a5.7 5.7 0 0 0-.05-2.22a4 4 0 0 0-1.12-2a5.17 5.17 0 0 0-3.87-1.29a3.05 3.05 0 0 0-2.42 1.44a2.52 2.52 0 0 0-.24 1.87a2.34 2.34 0 0 0 1.12 1.53a2.85 2.85 0 0 0 1.71.28a1.28 1.28 0 0 0 1-.76a.34.34 0 0 0-.17-.45a.35.35 0 0 0-.45.18c-.12.28-.43.35-.74.36a2.3 2.3 0 0 1-1-.25a1.56 1.56 0 0 1-.71-1a1.67 1.67 0 0 1 .18-1.26a2.4 2.4 0 0 1 2.35-1a4.12 4.12 0 0 1 2.53 1.1a3 3 0 0 1 .78 1.49a4.7 4.7 0 0 1 0 1.79a2.8 2.8 0 0 1-1.25 1.88c-.7.441-1.503.692-2.33.73a6.5 6.5 0 0 1-3.32-.53a4 4 0 0 1-2.1-2.4a4.28 4.28 0 0 1 .22-3.26a6.53 6.53 0 0 1 2.29-2.61a5.4 5.4 0 0 1 2.64-1a3.24 3.24 0 0 1 2.52 1a.3.3 0 0 0 .43-.39a3.86 3.86 0 0 0-3-1.27a6.2 6.2 0 0 0-3.05 1a7.34 7.34 0 0 0-2.66 2.86m-6.881 7.41c2.26 0 4.39-1.19 4.7-3.72a4.3 4.3 0 0 0-.28-2a4.1 4.1 0 0 0-1.15-1.71a3.62 3.62 0 0 0-2.41-.73a2.92 2.92 0 0 0-2.26 1.16a2.4 2.4 0 0 0 0 2.43a1.3 1.3 0 0 0 1.59.57a.33.33 0 0 0 .22-.42a.34.34 0 0 0-.42-.23c-.47.14-.77-.2-.9-.61a1.54 1.54 0 0 1 .13-1.34a2.13 2.13 0 0 1 1.67-.71a2.75 2.75 0 0 1 1.78.59a3 3 0 0 1 .82 1.31a3.3 3.3 0 0 1 .18 1.53c-.27 1.93-1.94 2.74-3.66 2.72a4.49 4.49 0 0 1-4.21-2.45c-.78-1.89.19-4.06 1.69-5.45s3.85-2 5.61-.6a.3.3 0 1 0 .39-.45c-1.94-1.77-4.6-1.2-6.52.41s-3.04 4.2-2.19 6.49a5.58 5.58 0 0 0 5.22 3.21m12.101 2.341a.33.33 0 0 0-.33-.34a32 32 0 0 0-4 0q-.871.06-1.73.21q-.858.147-1.69.4c-1.298.41-2.533.995-3.67 1.74a.29.29 0 0 0-.12.4a.3.3 0 0 0 .41.12a17.7 17.7 0 0 1 4.19-1.32h.12c.12.22.23.44.33.67q.172.38.25.79q.086 1.139.35 2.25a2.53 2.53 0 0 0 1.21 1.34a2.87 2.87 0 0 0 3.76-.73a5.1 5.1 0 0 0 .66-5.15a.32.32 0 0 0 .26-.38m-1.29 4.16c-.61 1-1.64 1.72-2.87 1a1.53 1.53 0 0 1-.78-.74a14 14 0 0 1-.51-2a4 4 0 0 0-.29-.71c-.12-.24-.26-.46-.4-.69c.6-.11 1.2-.22 1.8-.3c1.12-.16 2.24-.27 3.37-.34a4.25 4.25 0 0 1-.32 3.78"/></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. SmileyDizzyIcon.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.