Home/Libraries/Fontelico (Iconify)/emo-surprised

Fontelico (Iconify)

EmoSurprised

License: CC-BY-SA-3.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 696 1000"><path fill="#818cf8" d="M109.688 1.125C49.137 1.125 0 65.916 0 145.5c0 79.505 49.137 144.313 109.688 144.313S219.344 225.005 219.344 145.5c0-79.584-49.106-144.375-109.656-144.375m476.438 0c-60.552 0-109.656 64.791-109.656 144.375c0 79.505 49.105 144.313 109.656 144.313c60.55 0 109.688-64.808 109.688-144.313c0-79.584-49.138-144.375-109.688-144.375M330.813 432.813v.219c-55.817.154-106.498 22.904-143.125 59.5c-36.874 36.782-59.782 87.717-59.844 143.719h-.219v161.626h.219c.154 55.817 22.904 106.498 59.5 143.125c36.751 36.813 87.685 59.783 143.719 59.844v.219h33.938v-.219c55.817-.154 106.498-22.904 143.125-59.5c36.813-36.751 59.782-87.746 59.844-143.719h.219V636.001h-.219c-.154-55.817-22.934-106.527-59.5-143.125c-36.782-36.873-87.746-59.782-143.719-59.844v-.219zm0 107.438v.219h33.938v-.219c26.234.031 50.25 10.845 67.625 28.281c17.438 17.468 28.345 41.421 28.406 67.469h-.219v161.626h.219c-.031 26.234-10.905 50.25-28.313 67.625c-17.467 17.438-41.39 28.314-67.469 28.375v-.219h-33.938v.219c-26.233-.031-50.25-10.874-67.625-28.281c-17.438-17.467-28.345-41.39-28.406-67.469h.219V636.251h-.219c.031-26.232 10.875-50.249 28.313-67.625c17.467-17.437 41.421-28.314 67.469-28.375"/></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. EmoSurprisedIcon.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-SA-3.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.

Related Icons in Fontelico (Iconify)

Browse all Fontelico (Iconify) icons →