Home/Libraries/Freehand free icons (Iconify)/smiley-shine-big-eyes

Freehand free icons (Iconify)

SmileyShineBigEyes

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.2 1.867a6.1 6.1 0 0 1 2.196-.499c.32 0 .649 0 .999-.05c.349-.05.649 0 .998 0c.75-.04 1.498.093 2.187.39a.29.29 0 0 0 .41-.07a.3.3 0 0 0-.07-.41A5 5 0 0 0 13.492.23a7 7 0 0 0-1.158-.05a8 8 0 0 0-1.099.13a6.2 6.2 0 0 0-2.386.998a.34.34 0 0 0-.11.47a.34.34 0 0 0 .46.09m14.559 8.427a.34.34 0 0 0-.38-.3a.35.35 0 0 0-.29.38c.06.5.09.998.1 1.488q.017.745-.06 1.487c-.09.931-.309 1.845-.648 2.717a12.2 12.2 0 0 1-1.298 2.486a9.5 9.5 0 0 1-4.464 3.415a12.56 12.56 0 0 1-5.632.829a12 12 0 0 1-3.085-.69a9.1 9.1 0 0 1-2.776-1.537a10.66 10.66 0 0 1-3.135-4.533a12.64 12.64 0 0 1-.72-5.572a.292.292 0 0 0-.579-.07a13.06 13.06 0 0 0 .56 5.901a11.6 11.6 0 0 0 3.225 5.043a10 10 0 0 0 2.996 1.807a12.5 12.5 0 0 0 3.424.82c2.097.15 4.2-.192 6.142-1a10.37 10.37 0 0 0 4.842-3.904c.54-.85.983-1.757 1.319-2.706c.339-.949.547-1.94.619-2.946v-1.567c0-.57-.09-1.039-.16-1.548"/><path fill="#818cf8" d="M19.105 13.98a5.4 5.4 0 0 0-.999 0c-1.378 0-4.344.18-6.99.33c-2.646.149-5.342.448-5.342.448a.74.74 0 0 0-.3.56a4.3 4.3 0 0 0 .25 1.577a6.8 6.8 0 0 0 1.408 2.537a7.08 7.08 0 0 0 5.203 2.197a8 8 0 0 0 5.232-2.237a7.04 7.04 0 0 0 1.887-3.285a3.2 3.2 0 0 0 .05-1.678a.68.68 0 0 0-.4-.45m-1.228 3.105a5.4 5.4 0 0 1-1.079 1.458a7 7 0 0 1-4.483 2.047a6.16 6.16 0 0 1-4.594-1.777a5.5 5.5 0 0 1-1.138-1.778a5.4 5.4 0 0 1-.41-1.418v-.37a36 36 0 0 1 3.725-.139c2.846-.06 6.48-.07 8.148-.07h.5a5.1 5.1 0 0 1-.67 2.047M3.717 8.568q.832 1.352 1.448 2.816a.89.89 0 0 0 .809.509a1 1 0 0 0 .659-.61A26 26 0 0 1 8 8.169c.54-.709 2.247-1.258 2.856-1.687a.86.86 0 0 0 .45-.74a1 1 0 0 0-.49-.638A31 31 0 0 1 7.59 3.655c-.838-.66-1.447-2.546-1.957-3.196A.82.82 0 0 0 5.005.09c-.25 0-.519.3-.689.819a25 25 0 0 1-.829 2.995c-.399.81-2.256 1.608-2.945 2.087a.89.89 0 0 0-.46.79a.9.9 0 0 0 .6.568c.689.31 2.426.64 3.035 1.219m-.51-3.266c.417-.28.759-.657 1-1.098q.161-.39.259-.799c.21-.839.32-1.827.52-2.406l.02-.17c0 .05.12.09.159.16c.31.499.64 1.398 1.058 2.157c.214.432.505.821.86 1.148q.509.418 1.108.699c.609.28 1.298.54 1.777.779l.12.07h-.11c-.49.24-1.168.509-1.747.828c-.417.202-.79.484-1.099.83c-.52.878-.949 1.808-1.278 2.775A12 12 0 0 0 4.486 7.78a3.5 3.5 0 0 0-1.208-.67c-.62-.219-1.338-.389-1.868-.538c.44-.35 1.199-.8 1.798-1.269m9.686.189a.8.8 0 0 0 .44.729c.588.42 2.246.949 2.765 1.638c.504.967.941 1.968 1.308 2.995a1 1 0 0 0 .66.59a.88.88 0 0 0 .808-.5c.393-.944.86-1.856 1.398-2.726c.59-.6 2.277-.889 2.936-1.168c.39-.17.559-.4.589-.56a.87.87 0 0 0-.45-.788c-.659-.47-2.466-1.248-2.845-1.997a25 25 0 0 1-.81-2.866c-.169-.51-.429-.79-.708-.839a.78.78 0 0 0-.63.36c-.498.629-1.088 2.456-1.906 3.095a31 31 0 0 1-3.116 1.408a.9.9 0 0 0-.44.629m1.308 0c.47-.23 1.128-.48 1.717-.759q.571-.257 1.069-.639c.347-.314.637-.686.859-1.098c.389-.73.718-1.598.998-2.087c0-.07.11-.11.15-.16a.6.6 0 0 0 0 .16c.18.559.3 1.527.5 2.346a5 5 0 0 0 .249.77c.222.425.544.792.938 1.068c.57.459 1.289.888 1.768 1.208c-.5.15-1.218.3-1.837.52a3.4 3.4 0 0 0-1.179.658c-.53.745-.973 1.55-1.318 2.397a14.2 14.2 0 0 0-1.128-2.686a3.5 3.5 0 0 0-1.069-.81c-.569-.309-1.228-.568-1.697-.798h-.08z"/></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. SmileyShineBigEyesIcon.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.