Emo Unhappy icon
fontelico:emo-unhappy
The Emo Unhappy icon (fontelico:emo-unhappy) is a free SVG icon from the Fontelico set by Fontello. It is drawn on a 999 × 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
- 999 × 1000
- Tags
- emounhappy
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="999" height="1000" viewBox="0 0 999 1000"><path fill="currentColor" d="M261.346 50c-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.313C371.002 114.791 321.896 50 261.346 50m476.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.313C847.472 114.791 798.334 50 737.784 50M493.721 648.844c-165.217.478-330.443 61.75-460.656 184l-2.906 2.969c-5.883 5.581-10.716 10.191-14.438 13.938c-20.747 20.849-20.973 54.992-.594 76.219c20.376 21.227 53.783 21.473 74.531.625l12.094-11.969l2.75-2.406C216.44 807.124 358.858 755.288 500.721 756.564c142.934 1.235 285.543 56.401 396.063 165.125a556 556 0 0 1 12.094 12.219c20.398 21.227 53.784 21.493 74.531.625c20.747-20.848 20.971-55.023.594-76.25a637 637 0 0 0-14.156-14.313C839.283 715.534 670.656 650.3 501.597 648.845c-2.622-.023-5.253-.008-7.875 0z"/></svg>
How to use the Emo Unhappy icon
React
import { Icon } from "@iconify/react";
<Icon icon="fontelico:emo-unhappy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontelico:emo-unhappy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontelico:emo-unhappy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontelico--emo-unhappy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontelico -->
<div class="i-fontelico:emo-unhappy"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontelico:emo-unhappy"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fontelico/emo-unhappy.svg" alt="Emo Unhappy icon" width="24" height="24">
Related icons in Fontelico
Emo Unhappy icon FAQ
Is the Emo Unhappy 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 Unhappy icon in React?
Install @iconify/react and render <Icon icon="fontelico:emo-unhappy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Emo Unhappy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fontelico/emo-unhappy.svg" alt="Emo Unhappy icon">, or paste the SVG code inline to style it with CSS.
Browse all Fontelico icons →
ICONYZ
