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

Freehand free icons (Iconify)

SmileyThrilled

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="M6.015 17.99a8.16 8.16 0 0 0 5.995 2.527a9.26 9.26 0 0 0 6.055-2.598a8 8 0 0 0 1.998-3.187c.3-.765.397-1.595.28-2.408a.8.8 0 0 0-.46-.55a7 7 0 0 0-1.129 0c-1.598 0-5.055.2-8.163.37c-3.107.17-6.205.5-6.205.5a.82.82 0 0 0-.33.62c-.02.62.082 1.237.3 1.818a7.8 7.8 0 0 0 1.659 2.907m3.127-4.997c3.318-.07 7.564-.1 9.513-.1h.659a5.9 5.9 0 0 1-.74 2.508a6.6 6.6 0 0 1-1.268 1.729a8.3 8.3 0 0 1-5.296 2.358a7.34 7.34 0 0 1-5.416-2.118a6.5 6.5 0 0 1-1.329-2.088a6 6 0 0 1-.48-1.68a4 4 0 0 1 0-.469a40 40 0 0 1 4.397-.14z"/><path fill="#818cf8" d="M23.87 9.996a13.2 13.2 0 0 0-.69-2.998a9.9 9.9 0 0 0-3.376-4.496A10.63 10.63 0 0 0 14.638.434a.36.36 0 0 0-.39.3a.35.35 0 0 0 .3.38a9.9 9.9 0 0 1 4.786 2.047a9.1 9.1 0 0 1 2.998 4.177c.326.901.55 1.836.669 2.788c.085.954.085 1.913 0 2.867c-.093.94-.308 1.864-.64 2.748a12.8 12.8 0 0 1-1.299 2.528a9.63 9.63 0 0 1-4.506 3.497a12.56 12.56 0 0 1-5.735.85a12 12 0 0 1-3.157-.71a9.4 9.4 0 0 1-2.768-1.599a11.52 11.52 0 0 1-3.777-7.114A10.62 10.62 0 0 1 2.897 5.33a11.6 11.6 0 0 1 3.118-2.968a9.24 9.24 0 0 1 4.067-1.359c.709-.07 1.408-.13 2.118-.13q.703-.008 1.399.09a.3.3 0 1 0 .09-.59a11 11 0 0 0-1.48-.18q-1.1-.015-2.197.09c-1.55.141-3.047.633-4.377 1.44A12.4 12.4 0 0 0 2.218 4.82A11.48 11.48 0 0 0 .13 13.323a12.55 12.55 0 0 0 4.046 7.844a10.5 10.5 0 0 0 3.098 1.818c1.118.416 2.288.679 3.477.78a13.8 13.8 0 0 0 6.255-.96a10.6 10.6 0 0 0 4.946-3.996a13.5 13.5 0 0 0 1.369-2.768c.348-.966.567-1.974.65-2.998a16.4 16.4 0 0 0-.1-3.047"/><path fill="#818cf8" d="M4.346 9.376q.251-.533.61-.999c.21-.291.48-.536.79-.72a2.5 2.5 0 0 1 1.148-.309c.416-.025.832.026 1.23.15a3.3 3.3 0 0 1 1.997 1.559a.35.35 0 0 0 .45.18a.34.34 0 0 0 .18-.45a4.07 4.07 0 0 0-2.258-2.328a3.75 3.75 0 0 0-1.679-.28a3.26 3.26 0 0 0-1.628.59a3.4 3.4 0 0 0-.78.919a6 6 0 0 0-.63 1.499a.3.3 0 1 0 .57.19m15.268-1.839a3.1 3.1 0 0 0-1.539-1.07a2.78 2.78 0 0 0-1.908.09a3.23 3.23 0 0 0-1.999 2.918a.32.32 0 0 0 .27.33a.3.3 0 0 0 .33-.27a2.5 2.5 0 0 1 1.748-1.918a2.23 2.23 0 0 1 1.23-.06c.429.091.824.303 1.138.61c.174.167.313.367.41.589q.158.377.24.78a.33.33 0 0 0 .38.289a.34.34 0 0 0 .29-.39a4.4 4.4 0 0 0-.2-1.139a2.6 2.6 0 0 0-.39-.76"/></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. SmileyThrilledIcon.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.