Emo Grin icon
fontelico:emo-grin
The Emo Grin icon (fontelico:emo-grin) is a free SVG icon from the Fontelico set by Fontello. It is drawn on a 870 × 1000 grid. Fontelico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fontelico
- Author
- Fontello
- License
- CC-BY-SA-3.0
- Size
- 870 × 1000
- Tags
- emogrin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="870" height="1000" viewBox="0 0 870 1000"><path fill="currentColor" d="M196.693 48.688c-60.551 0-109.688 64.791-109.688 144.375c0 79.505 49.137 144.313 109.688 144.313s109.656-64.808 109.656-144.313c0-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.375m143.75 480.188l-764.969.219c-29.095.433-52.339 24.43-51.906 53.531c3.312 200.707 238.134 351.259 422.031 354.5c186.143 3.305 442.33-156.506 447.781-355.313c0-29.218-23.719-52.938-52.938-52.938zM117.1 635.251h633.469c-61.122 120.68-190.052 200.817-330.375 196.438c-129.798-4.031-246.319-82.374-303.094-196.438"/></svg>
How to use the Emo Grin icon
React
import { Icon } from "@iconify/react";
<Icon icon="fontelico:emo-grin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontelico:emo-grin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontelico:emo-grin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontelico--emo-grin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontelico -->
<div class="i-fontelico:emo-grin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontelico:emo-grin"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fontelico/emo-grin.svg" alt="Emo Grin icon" width="24" height="24">
Related icons in Fontelico
Emo Grin icon FAQ
Is the Emo Grin icon free for commercial use?
Yes. Fontelico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Emo Grin icon in React?
Install @iconify/react and render <Icon icon="fontelico:emo-grin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Emo Grin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fontelico/emo-grin.svg" alt="Emo Grin icon">, or paste the SVG code inline to style it with CSS.
Browse all Fontelico icons →
ICONYZ
