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

Freehand free icons (Iconify)

SmileyPetrified

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="M.62 13.73a.34.34 0 0 0 .28-.39a11.6 11.6 0 0 1 .2-4.24a9.4 9.4 0 0 1 1.78-3.75A12.1 12.1 0 0 1 6 2.47A9.4 9.4 0 0 1 9.91 1Q10.949.85 12 .82q.697-.015 1.39.06a.29.29 0 0 0 .34-.25a.31.31 0 0 0-.25-.34Q12.744.161 12 .14a18 18 0 0 0-2.18 0a9.8 9.8 0 0 0-4.43 1.39A11.9 11.9 0 0 0 2 4.67A10.26 10.26 0 0 0 .21 8.91c-.28 1.5-.28 3.039 0 4.54a.34.34 0 0 0 .41.28m15.73 8.069a12.5 12.5 0 0 1-2.26.5a17 17 0 0 1-1.72.13q-.86.045-1.72 0a11 11 0 0 1-1.5-.1a11 11 0 0 1-1.5-.33a.3.3 0 1 0-.2.56q.755.345 1.55.59q.784.23 1.59.36q.777.088 1.56.07q.781-.033 1.55-.18a12.6 12.6 0 0 0 2.93-1a.34.34 0 1 0-.25-.63zM14.33 1.08A9.9 9.9 0 0 1 19 3.23c.534.428 1.02.915 1.45 1.45A8.7 8.7 0 0 1 22 7.3c.338.87.58 1.775.72 2.7c.146.942.21 1.895.19 2.85a.3.3 0 1 0 .59 0c.11-.997.13-2.001.06-3a14 14 0 0 0-.55-3a9.2 9.2 0 0 0-1.7-3a9.5 9.5 0 0 0-1.68-1.45a10.56 10.56 0 0 0-5.22-2a.32.32 0 0 0-.41.3a.34.34 0 0 0 .33.38"/><path fill="#818cf8" d="M7.07 4.88a.29.29 0 0 0-.41.12a5.6 5.6 0 0 0-.89 2.49a6.4 6.4 0 0 0 .17 2.68a2.48 2.48 0 0 0 1.47 1.61a1.84 1.84 0 0 0 2.13-.88a6.1 6.1 0 0 0 .88-2.45a5.5 5.5 0 0 0-.2-2.58A2.37 2.37 0 0 0 9.05 4.5a2 2 0 0 0-1.75-.07a.33.33 0 0 0-.19.44a.34.34 0 0 0 .44.19a1.32 1.32 0 0 1 1.13.12c.342.205.593.534.7.92a4.8 4.8 0 0 1 0 2.14a5.3 5.3 0 0 1-.79 2c-.26.38-.56.53-.85.45a1.38 1.38 0 0 1-.83-.88a5.25 5.25 0 0 1-.34-2.25c.005-.783.2-1.552.57-2.24a.29.29 0 0 0-.07-.44m8.58 6.969a3.13 3.13 0 0 0 1.81-1.72a7 7 0 0 0 .59-3.35a3.3 3.3 0 0 0-.48-1.43a1.33 1.33 0 0 0-.94-.65a.32.32 0 0 0-.25.06a.29.29 0 0 0-.3-.29a1.55 1.55 0 0 0-.86.28a3.6 3.6 0 0 0-.82.88a4.75 4.75 0 0 0-.77 2.08a7.5 7.5 0 0 0 0 2.17a3.34 3.34 0 0 0 .86 1.65a1.15 1.15 0 0 0 1.16.32M15 5.999a2.8 2.8 0 0 1 .58-.76a.87.87 0 0 1 .48-.21q.074.015.15 0a.33.33 0 0 0 .28.34a.8.8 0 0 1 .51.53c.118.292.179.605.18.92a6.2 6.2 0 0 1-.49 2.39c-1.4 3.32-2.26.51-2.15-1.41a4 4 0 0 1 .46-1.8m-5.23 14.53a2.35 2.35 0 0 0 2.28.44a3.31 3.31 0 0 0 2-2.11a6.58 6.58 0 0 0 .05-4.09a4.5 4.5 0 0 0-1.05-1.65a2.36 2.36 0 0 0-2.84-.32a3.3 3.3 0 0 0-1 1.07a5.8 5.8 0 0 0-.77 2.34a8.2 8.2 0 0 0 .09 2.43a3.38 3.38 0 0 0 1.24 1.89m-.3-4.24a4.8 4.8 0 0 1 .51-2a2.6 2.6 0 0 1 .67-.9c1.06-.8 2.08.48 2.1.5c.264.33.464.706.59 1.11a5.75 5.75 0 0 1 0 2.91a2.58 2.58 0 0 1-1.6 2a1.28 1.28 0 0 1-1.23-.25a2.3 2.3 0 0 1-.79-1.22a7.2 7.2 0 0 1-.25-2.15M6 11.879a2.12 2.12 0 0 0-2.41-.2a2.55 2.55 0 0 0-1.16 1.24a16.5 16.5 0 0 0-.64 2.08a9 9 0 0 1-.71 1.72a14 14 0 0 1-1 1.59a.3.3 0 0 0 .163.47a.29.29 0 0 0 .307-.11q.628-.772 1.15-1.62c.355-.57.656-1.173.9-1.8q.286-.963.72-1.87a1.44 1.44 0 0 1 .68-.72a1.12 1.12 0 0 1 1.52.34a3.63 3.63 0 0 1 .64 2a14.4 14.4 0 0 1-.34 4.43a8.6 8.6 0 0 1-2 3.9a.34.34 0 0 0 .48.48a9.23 9.23 0 0 0 2.4-4.17a15.2 15.2 0 0 0 .59-4.73A4.4 4.4 0 0 0 6 11.879m17.92 6.31c-.82-1-1.31-3.33-2.28-5a3.72 3.72 0 0 0-2-1.77a2 2 0 0 0-2.11.66a5.26 5.26 0 0 0-1.17 2.63a10 10 0 0 0 .25 3.7a15.8 15.8 0 0 0 2.39 4.9a.34.34 0 0 0 .47.1a.35.35 0 0 0 .1-.47a16.8 16.8 0 0 1-1.85-3.89a8.9 8.9 0 0 1-.28-4.13a4.1 4.1 0 0 1 .89-2a.93.93 0 0 1 1-.36a2.73 2.73 0 0 1 1.49 1.22c1.09 1.58 1.77 3.94 2.66 4.84a.3.3 0 0 0 .44-.41z"/></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. SmileyPetrifiedIcon.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.