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

Freehand free icons (Iconify)

SmileyCrazy

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="M17.148 18.588a6.9 6.9 0 0 0 1.919-3.189c.18-.524.214-1.087.1-1.63a.6.6 0 0 0-.35-.37c-.05 0-1.84-.09-4.119-.06c-1.24 0-2.63.05-3.939.11c-1.68.08-3.23.2-4.209.3c-.43.028-.853.112-1.26.25a.8.8 0 0 0-.3.51a2.9 2.9 0 0 0 .15 1.29a7.2 7.2 0 0 0 1.67 2.94a.2.2 0 0 0 .13.05v.1a5.1 5.1 0 0 0 1.28 3.519a4.7 4.7 0 0 0 3.479 1.59a6.3 6.3 0 0 0 3.529-1.64a4.58 4.58 0 0 0 1.69-3.58a.3.3 0 0 0 0-.09a.35.35 0 0 0 .23-.1m-2.68 2.93a5.23 5.23 0 0 1-2.8 1.48a3.44 3.44 0 0 1-2.829-1.14a8.8 8.8 0 0 1-1.32-3a1.21 1.21 0 0 1 .76-1a3 3 0 0 1 1.36-.39c.257.022.508.09.74.2q.55.24 1.07.54a.76.76 0 0 0 .37.11c.15 0 .81-.4 1.56-.62c.27-.087.555-.12.84-.1c.364.063.707.214.999.44a1.1 1.1 0 0 1 .51.77a3.46 3.46 0 0 1-1.26 2.71m1.74-4.11a3.24 3.24 0 0 0-1.89-.82a3.2 3.2 0 0 0-1.25.19q-.628.245-1.21.59h-.08q-.54-.272-1.109-.48a3 3 0 0 0-1.07-.19a3.9 3.9 0 0 0-2 .79a2.2 2.2 0 0 0-.54.61a6 6 0 0 1-.779-1.31a6.3 6.3 0 0 1-.5-1.749a1.6 1.6 0 0 1 .06-.34c.49-.05 1.52-.06 2.79-.09l4.718-.14c2-.07 3.84-.17 4.71-.2h.16q.048.166.05.34a5.9 5.9 0 0 1-.57 1.89a5.6 5.6 0 0 1-1.06 1.52a2.4 2.4 0 0 0-.43-.61"/><path fill="#818cf8" d="M1.161 13a11.9 11.9 0 0 1 .2-4.08a9.7 9.7 0 0 1 1.64-3.688a11.7 11.7 0 0 1 3.09-2.94a9.4 9.4 0 0 1 3.998-1.46c.7-.08 1.4-.15 2.11-.16q.692-.004 1.38.08a.3.3 0 0 0 .258-.473a.3.3 0 0 0-.199-.116a10.5 10.5 0 0 0-1.47-.16c-.73 0-1.449 0-2.179.07a9.9 9.9 0 0 0-4.419 1.38a12.5 12.5 0 0 0-3.449 3.089A10.3 10.3 0 0 0 .261 8.64a12.4 12.4 0 0 0-.11 4.459a12.34 12.34 0 0 0 4.18 7.618a.34.34 0 0 0 .579-.24a.34.34 0 0 0-.1-.24A11.55 11.55 0 0 1 1.161 13m22.735-3.21a14 14 0 0 0-.68-2.999a10.1 10.1 0 0 0-3.44-4.489a10.77 10.77 0 0 0-5.198-2a.35.35 0 0 0-.38.29a.34.34 0 0 0 .3.38a10 10 0 0 1 4.719 2.11a9.06 9.06 0 0 1 2.94 4.14c.299.888.5 1.806.6 2.738c.118.935.148 1.88.09 2.82a10.3 10.3 0 0 1-.55 2.75a12 12 0 0 1-1.2 2.569a8.9 8.9 0 0 1-2.4 2.549a.3.3 0 0 0 .114.544a.3.3 0 0 0 .226-.044q.789-.513 1.48-1.15a9.5 9.5 0 0 0 1.24-1.44a13.3 13.3 0 0 0 1.449-2.679c.38-.962.629-1.97.74-3c.086-1.028.07-2.063-.05-3.088"/><path fill="#818cf8" d="M8 6.601a.93.93 0 0 0-.91.07c-.53.33-.89 1.2-.25 1.63a1.13 1.13 0 0 0 1.56-.44a1 1 0 0 0-.4-1.26"/><path fill="#818cf8" d="M8.45 4.432a3 3 0 0 0-1.07-.13c-.343.032-.68.113-1 .24a3.75 3.75 0 0 0-1.81 1.46a4.7 4.7 0 0 0-.69 2.159c-.033.484.032.97.19 1.43c.177.487.502.907.93 1.2c.22.14.46.248.71.32A5.15 5.15 0 0 0 9 10.86a3.38 3.38 0 0 0 1.699-1.61a3.63 3.63 0 0 0 .19-2.6a2.94 2.94 0 0 0-2.44-2.22M9.86 8.8c-.291.5-.748.882-1.29 1.08a4 4 0 0 1-1.76.24a3.5 3.5 0 0 1-.65-.12a1.6 1.6 0 0 1-.51-.2a1.4 1.4 0 0 1-.52-.67a2.5 2.5 0 0 1-.16-1a3.7 3.7 0 0 1 .41-1.72a2.9 2.9 0 0 1 1.27-1.2a2.3 2.3 0 0 1 .8-.21c.27-.054.549-.054.82 0a.7.7 0 0 1 .26.11c.75.53 1.26.28 1.58 1.68a2.76 2.76 0 0 1-.25 2.01m3.488.34a.3.3 0 0 0 .35-.24a4.1 4.1 0 0 1 .91-1.619a1.82 1.82 0 0 1 1.39-.6a2.18 2.18 0 0 1 1.69.64a3.18 3.18 0 0 1 .88 1.78a.34.34 0 0 0 .679-.03a3.8 3.8 0 0 0-.84-2.41a3.11 3.11 0 0 0-2.41-1.12a2.67 2.67 0 0 0-1.829.77a4.53 4.53 0 0 0-1.09 2.48a.3.3 0 0 0 .27.35"/></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. SmileyCrazyIcon.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.