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

Freehand free icons (Iconify)

SmileyLol

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.696 18.99a7.33 7.33 0 0 0 5.427 2.29a8.32 8.32 0 0 0 5.466-2.34a7.3 7.3 0 0 0 1.999-3.417a3.4 3.4 0 0 0 .06-1.759a.77.77 0 0 0-.43-.44a6 6 0 0 0-1 0c-1.438 0-4.526.24-7.305.35a27.6 27.6 0 0 0-5.576.46a.84.84 0 0 0-.31.59c-.022.562.07 1.122.27 1.648a7.1 7.1 0 0 0 1.4 2.619m2.828-4.486c2.998-.06 6.766-.07 8.505-.07h.52a5.5 5.5 0 0 1-.65 2.138a5.9 5.9 0 0 1-1.13 1.52a7.25 7.25 0 0 1-4.686 2.138a6.45 6.45 0 0 1-4.797-1.859a5.7 5.7 0 0 1-1.18-1.849a5.5 5.5 0 0 1-.43-1.529v-.38a35 35 0 0 1 3.848-.15zm-.96-5.788c-.76.5-1.56 1-2.299 1.48a.34.34 0 0 0-.11.469a.35.35 0 0 0 .47.1c.79-.43 1.63-.79 2.439-1.21c.36-.19.71-.39.999-.609a4.2 4.2 0 0 0 .93-.72a1.27 1.27 0 0 0 .29-.699a.7.7 0 0 0-.36-.6l-1-.58a9 9 0 0 0-1.469-.659a20 20 0 0 0-2.259-.63a.29.29 0 0 0-.37.2a.29.29 0 0 0 .2.37c.62.24 1.19.46 1.74.72q.827.39 1.568.93l.58.379a5 5 0 0 1-.52.4c-.21.23-.51.45-.83.66m7.906-2.559l1.439-1.08a.31.31 0 0 0 .08-.41a.29.29 0 0 0-.4-.11l-1.599.88c-.44.24-1.489.71-2.109 1a2.4 2.4 0 0 0-.689.54a.68.68 0 0 0 .1.809a7.7 7.7 0 0 0 1.699 1.12c.59.329 1.16.619 1.719.998q.558.32 1.08.7a.34.34 0 0 0 .376.035a.3.3 0 0 0 .103-.085a.36.36 0 0 0-.05-.48c-.34-.31-.69-.59-1.05-.86c-.53-.399-1.069-.759-1.619-1.148c-.07 0-.759-.33-1.119-.57c.18-.09.42-.19.6-.3c.51-.39 1.13-.81 1.439-1.04M3.998 12.995q.234-.39.35-.83c.15-.57.18-1.19.34-1.739a2.1 2.1 0 0 1 .31-.56q.31-.43.669-.819a.34.34 0 0 0 0-.48l-.1-.06a.3.3 0 0 0 0-.56a3 3 0 0 0-1.19-.16c-.41.02-.816.09-1.209.21a5.34 5.34 0 0 0-2.688 2a2.73 2.73 0 0 0-.33 2.438a2.31 2.31 0 0 0 1.76 1.459a2 2 0 0 0 2.088-.9m-2.778-.94a1.9 1.9 0 0 1 .41-1.869a4.9 4.9 0 0 1 1.818-1.429q.452-.201.94-.28c.29-.055.588-.055.879 0l-.11.08q-.435.398-.8.86a2.6 2.6 0 0 0-.43.74c-.199.539-.279 1.158-.479 1.718a2.3 2.3 0 0 1-.28.56a1 1 0 0 1-.999.36a1.17 1.17 0 0 1-.94-.73z"/><path fill="#818cf8" d="M22.576 7.998a4.49 4.49 0 0 0-4.247-.28a.3.3 0 0 0-.14.4a.32.32 0 0 0 .33.16l-.05.07a.34.34 0 0 0 .18.45c.367.182.658.49.819.869c.28.6.37 1.309.6 1.928c.147.554.47 1.045.919 1.4a1.44 1.44 0 0 0 1.859-.08a3.53 3.53 0 0 0 1.14-2.13a2.9 2.9 0 0 0-1.41-2.787m.27 2.618c-.067.438-.246.85-.52 1.2c-.19.23-.42.419-.72.24a2.26 2.26 0 0 1-.869-1.33a5.9 5.9 0 0 0-.9-1.889a2.4 2.4 0 0 0-.919-.66h-.06a3.8 3.8 0 0 1 2.659.33a2.09 2.09 0 0 1 1.329 2.149zM2.998 5.39a12.2 12.2 0 0 1 3.238-2.75c.73-.418 1.505-.753 2.309-1a10 10 0 0 1 1.639-.37q1.036-.193 2.089-.269q.69-.045 1.379 0a.3.3 0 0 0 .34-.19a.3.3 0 0 0-.25-.34q-.906-.178-1.83-.21h-1.818a8.7 8.7 0 0 0-1.859.29a9 9 0 0 0-2.558 1.17A12 12 0 0 0 2.439 5a.35.35 0 0 0 .07.48a.34.34 0 0 0 .49-.09m20.087 9.723a.35.35 0 0 0-.42.22a12 12 0 0 1-.68 1.549q-.375.75-.85 1.44a9.7 9.7 0 0 1-4.546 3.427c-1.811.706-3.76.986-5.697.82a12.3 12.3 0 0 1-3.148-.66a9.5 9.5 0 0 1-2.748-1.53a10 10 0 0 1-1.779-1.868a11.5 11.5 0 0 1-1.299-2.259a.29.29 0 0 0-.479-.106a.3.3 0 0 0-.07.326c.325.86.744 1.68 1.249 2.449c.5.779 1.098 1.491 1.779 2.118c.886.783 1.9 1.409 2.998 1.85a13.2 13.2 0 0 0 3.417.809c2.116.163 4.24-.18 6.197-1a10.4 10.4 0 0 0 4.826-3.997a13 13 0 0 0 1.46-3.218a.34.34 0 0 0-.21-.37M14.591 1.262c1.052.208 2.064.582 2.998 1.11c.4.22.78.459 1.16.719s.729.53 1.079.81a10 10 0 0 1 2.158 2.348a.3.3 0 0 0 .41.13a.31.31 0 0 0 .1-.38a9.4 9.4 0 0 0-1.999-2.878a8 8 0 0 0-1.169-.95a9.4 9.4 0 0 0-1.32-.73a10.2 10.2 0 0 0-3.327-.859a.34.34 0 0 0-.31.547a.35.35 0 0 0 .22.133"/></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. SmileyLolIcon.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.