Home/Libraries/Freehand free icons (Iconify)/smiley-crying-rainbow

Freehand free icons (Iconify)

SmileyCryingRainbow

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="M9.63 22.08a.34.34 0 0 0-.399.28a.53.53 0 0 1-.34.37a3.2 3.2 0 0 1-1.139.159c-.869 0-1.828.09-2.747 0a5.9 5.9 0 0 1-1.678-.36a1.55 1.55 0 0 1-.9-.74a1 1 0 0 1 .18-.998c.124-.176.284-.322.47-.43q.545-.305 1.139-.5q.488-.14.919-.409a.8.8 0 0 0 .33-.47a3 3 0 0 0 0-.909c-.07-.58-.25-1.209-.31-1.718c-.09-.87-.17-1.748-.23-2.628c-.06-.879-.05-1.738-.05-2.637a.3.3 0 0 0-.29-.32a.32.32 0 0 0-.31.29c-.06.889-.09 1.788-.1 2.687c-.01.9 0 1.789 0 2.678c0 .51.17 1.149.2 1.738q.039.275 0 .55c0-.07 0-.17.07-.12s0 .09-.07.12s-.479.07-.569.1a8 8 0 0 0-1.339.58a2.6 2.6 0 0 0-.839.788a2.07 2.07 0 0 0-.23 2.098a2.6 2.6 0 0 0 1.619 1.26a6.9 6.9 0 0 0 1.998.319a26 26 0 0 0 2.847-.18c.48-.012.954-.11 1.4-.29a1.19 1.19 0 0 0 .698-.909a.34.34 0 0 0-.33-.4"/><path fill="#818cf8" d="M8.562 10.54a.3.3 0 0 0-.33-.27a.3.3 0 0 0-.27.34v5.565c0 1 .1 1.998.13 2.997a.35.35 0 0 0 .69 0c.1-.999.21-1.998.26-2.997v-1.309c0-.44 0-.869-.05-1.308a30 30 0 0 0-.43-3.018m7.703-.859a.29.29 0 0 0-.26.31c-.05 1.069-.12 2.118-.12 3.187v2.098c0 .7 0 1.529.08 2.298q.015.502.09.999a.339.339 0 0 0 .595.2a.35.35 0 0 0 .084-.25a8 8 0 0 1 0-1c.06-.768.18-1.538.23-2.307c.05-.77 0-1.429-.05-2.138c-.08-1.069-.26-2.108-.39-3.167a.3.3 0 0 0-.26-.23"/><path fill="#818cf8" d="M21.9 18.463a5.5 5.5 0 0 0-1.44-.6c-.229-.06-.499-.08-.739-.14h-.06v-1.498c0-1.109-.08-2.208-.09-3.317V10.71a.3.3 0 0 0-.28-.32a.3.3 0 0 0-.319.28c-.08.93-.14 1.849-.18 2.778l-.12 2.767l-.07 1.419a4 4 0 0 0 0 .41a.57.57 0 0 0 .18.399c.148.134.321.236.51.3c.28.11.62.14.9.22q.522.133.998.39c.272.127.509.319.69.559A1.6 1.6 0 0 1 22 21.32a1.86 1.86 0 0 1-1 1.17a5.5 5.5 0 0 1-1.998.549a22 22 0 0 1-3.257 0a1.5 1.5 0 0 1-.59-.13a.6.6 0 0 1-.329-.34a.343.343 0 1 0-.65.22c.09.266.261.497.49.66c.298.197.642.314 1 .34c1.121.154 2.253.224 3.386.209a6.7 6.7 0 0 0 2.318-.53a2.93 2.93 0 0 0 1.598-1.778a2.73 2.73 0 0 0-.34-2.418a2.9 2.9 0 0 0-.729-.809m-19.731-.789a.35.35 0 0 0 .14-.47a12.56 12.56 0 0 1-1.29-6.144a10.16 10.16 0 0 1 1.999-5.805a11.8 11.8 0 0 1 3.097-2.927A9.3 9.3 0 0 1 10.11.859A19 19 0 0 1 12.19.68q.696-.002 1.388.07a.29.29 0 0 0 .34-.25a.29.29 0 0 0-.25-.34q-.73-.13-1.47-.16h-2.197a10 10 0 0 0-4.446 1.439a12.4 12.4 0 0 0-3.467 3.117A11 11 0 0 0 .02 10.99a13.2 13.2 0 0 0 1.678 6.504a.36.36 0 0 0 .47.18"/><path fill="#818cf8" d="M23.928 9.84a13 13 0 0 0-.64-2.996a10 10 0 0 0-3.437-4.526A10.7 10.7 0 0 0 14.616.32a.34.34 0 0 0-.38.3a.33.33 0 0 0 .29.38a10.06 10.06 0 0 1 4.716 2.137a9.1 9.1 0 0 1 2.997 4.136c.302.882.513 1.793.63 2.718c.124.937.168 1.883.13 2.827a9.5 9.5 0 0 1-.26 1.889a12.4 12.4 0 0 1-.61 1.838a.302.302 0 1 0 .55.25q.453-.92.76-1.899c.207-.65.351-1.32.429-1.998c.126-1.014.146-2.039.06-3.057M9.211 8.292a2.59 2.59 0 0 0-2.308-1.808a2.3 2.3 0 0 0-.809.12a2.4 2.4 0 0 0-.999.62a3.34 3.34 0 0 0-.88 2.367a.3.3 0 0 0 .481.27a.3.3 0 0 0 .11-.2a2.8 2.8 0 0 1 .998-1.618c.193-.151.409-.27.64-.35a1.73 1.73 0 0 1 2.138.89a.34.34 0 0 0 .43.159a.34.34 0 0 0 .2-.45"/><path fill="#818cf8" d="M17.803 7.293a1.83 1.83 0 0 1 1.459 1.909a.33.33 0 0 0 .3.38a.34.34 0 0 0 .37-.3a2.62 2.62 0 0 0-1.08-2.768a2.4 2.4 0 0 0-.74-.34c-.4-.1-.818-.1-1.218 0a2.46 2.46 0 0 0-1.818 1.899a.3.3 0 0 0 .19.38a.29.29 0 0 0 .38-.18a1.76 1.76 0 0 1 1.438-1q.361-.05.72.02m-2.898 12.988q.1-.951.1-1.908c0-.49 0-2.148-.11-2.827a1.2 1.2 0 0 0-.15-.46a.44.44 0 0 0-.31-.21c-2.997-.13-3.327-.14-4.096-.16a.3.3 0 0 0-.3.3l-.03 3.067a22 22 0 0 0 0 2.318a.76.76 0 0 0 .45.65c.1 0 2.448.24 3.377.22a1.15 1.15 0 0 0 .77-.25c.16-.218.262-.472.299-.74m-1.139-.16c-.71 0-2.148 0-2.747-.06c-.1-.619-.18-1.758-.19-1.998l-.15-2.657l3.307.33q.034 1.295-.06 2.587c-.03.47-.07 1.299-.16 1.799"/></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. SmileyCryingRainbowIcon.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.