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

Freehand free icons (Iconify)

SmileyBlessed

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.988a8.16 8.16 0 0 0 5.995 2.528a9.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.119 0c-1.608 0-5.066.2-8.173.37s-6.205.5-6.205.5a.82.82 0 0 0-.33.619c-.02.62.082 1.238.3 1.818a7.8 7.8 0 0 0 1.659 2.908m3.127-4.996c3.317-.07 7.564-.1 9.512-.1h.66a5.9 5.9 0 0 1-.74 2.508a6.6 6.6 0 0 1-1.269 1.729a8.3 8.3 0 0 1-5.295 2.358a7.34 7.34 0 0 1-5.416-2.118a6.5 6.5 0 0 1-1.329-2.089a6 6 0 0 1-.48-1.678a4 4 0 0 1 0-.47a40 40 0 0 1 4.397-.14z"/><path fill="#818cf8" d="M23.87 9.995a13.2 13.2 0 0 0-.69-2.998a9.9 9.9 0 0 0-3.377-4.496A10.73 10.73 0 0 0 14.637.433a.36.36 0 0 0-.39.3a.35.35 0 0 0 .3.38a9.9 9.9 0 0 1 4.787 2.047a9.1 9.1 0 0 1 2.997 4.177c.327.901.551 1.836.67 2.788c.085.954.085 1.913 0 2.867c-.092.941-.31 1.865-.65 2.748a12.2 12.2 0 0 1-1.289 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.158-.71a9.4 9.4 0 0 1-2.767-1.599a11.52 11.52 0 0 1-3.777-7.114a10.62 10.62 0 0 1 1.778-7.863A11.6 11.6 0 0 1 6.015 2.36a9.3 9.3 0 0 1 4.066-1.359c.71-.07 1.41-.13 2.119-.13q.701 0 1.398.09a.3.3 0 1 0 .09-.59a11 11 0 0 0-1.478-.18c-.73 0-1.46 0-2.189.09a10.2 10.2 0 0 0-4.386 1.44a12.6 12.6 0 0 0-3.417 3.097A11.48 11.48 0 0 0 .13 13.322a12.55 12.55 0 0 0 4.046 7.843a10.5 10.5 0 0 0 3.098 1.819c1.116.41 2.282.672 3.467.78c2.134.17 4.279-.159 6.265-.96a10.57 10.57 0 0 0 4.945-3.997a13.2 13.2 0 0 0 1.37-2.757c.348-.966.566-1.974.649-2.998c.062-1.02.028-2.044-.1-3.057"/><path fill="#818cf8" d="M5.365 9.715a3.3 3.3 0 0 0 1.699.35a3.6 3.6 0 0 0 1.619-.51A4 4 0 0 0 10.6 6.997a.34.34 0 0 0-.373-.43a.34.34 0 0 0-.287.25a3.32 3.32 0 0 1-1.768 1.779a3.3 3.3 0 0 1-1.16.32a2.4 2.4 0 0 1-1.178-.14a2.6 2.6 0 0 1-.89-.6a5.7 5.7 0 0 1-.749-.919a.3.3 0 0 0-.4-.14a.31.31 0 0 0-.14.4c.218.506.504.98.85 1.409c.236.313.527.58.86.789m14.638-3.427a.36.36 0 0 0-.39.29a3.6 3.6 0 0 1-.23.789a1.8 1.8 0 0 1-.41.59c-.314.304-.71.512-1.138.599c-.41.095-.84.075-1.24-.06a2.5 2.5 0 0 1-1.788-1.918a.302.302 0 0 0-.6.07a3.2 3.2 0 0 0 2 2.907c.605.253 1.28.288 1.908.1a3.1 3.1 0 0 0 1.538-1.08c.158-.228.276-.481.35-.749a4.5 4.5 0 0 0 .22-1.149a.34.34 0 0 0-.22-.39"/></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. SmileyBlessedIcon.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.