Emo Coffee icon

fontelico:emo-coffee

The Emo Coffee icon (fontelico:emo-coffee) is a free SVG icon from the Fontelico set by Fontello. It is drawn on a 1673 × 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: 1673 × 1000
Tags: emocoffee

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1673" height="1000" viewBox="0 0 1673 1000"><path fill="currentColor" d="M1234.088 0c-17.007-.029-33.724 8.105-43.985 23.232c-53.995 79.594-24.06 144.018 3.636 203.578c13.59 29.247 26.035 56.171 5.148 72.01c-23.289 17.664-27.831 50.909-10.167 74.198s50.909 27.864 74.198 10.199c89.109-67.646 59.571-131.342 27.253-200.843c-15.626-33.595-32.513-70.009-12.388-99.68c16.417-24.2 10.106-57.137-14.094-73.555a52.76 52.76 0 0 0-29.602-9.138zM212.534 120.693c-80.17 0-156.456 39.494-202.483 105.183c-17.545 24.942-11.525 59.42 13.417 76.965s59.387 11.525 76.933-13.417c44.351-63.225 131.302-76.568 192.283-32.594l.065-.065a137 137 0 0 1 11.423 9.332l.451.451l.966 1.03c3.667 3.383 7.298 7.019 10.618 10.843l.869 1.095l.129.226l.032-.032l1.03 1.319l.289.322c20.389 22.667 55.361 24.475 78.026 4.087c22.571-20.295 24.513-55.039 4.407-77.737c-46.438-54.467-116.315-87.004-188.454-87.004zm499.468 0c-80.169 0-156.457 39.494-202.483 105.183c-17.546 24.942-11.557 59.42 13.385 76.965s59.42 11.525 76.965-13.417c44.352-63.225 131.271-76.568 192.252-32.594l.065-.065c3.541 2.593 7.472 5.695 11.455 9.332l.451.451l.966 1.03c3.668 3.383 7.266 7.019 10.585 10.843l.901 1.095l.129.226l.032-.032l1.03 1.319l.289.321c20.391 22.667 55.36 24.475 78.026 4.087c22.571-20.295 24.481-55.039 4.376-77.737c-46.439-54.467-116.282-87.004-188.422-87.004zm206.023 345.956c-24.141 0-43.759 19.617-43.759 43.759l.194 3.25l-.386 275.265h-.161v.194h.161c.049 57.907 23.804 110.667 61.843 148.782l.129.065l.065.097l.226.194c38.063 37.888 90.491 61.46 148.074 61.585v.161h225.136c1.699 0 3.403-.146 5.051-.322c13.771-.425 27.112-2.114 39.835-4.987c14.596-3.325 28.472-8.088 41.443-14.061c54.783-25.318 97.162-73.694 114.482-132.501h30.954v-.161c36.289-.049 69.306-14.88 93.15-38.772c23.618-23.644 38.357-56.434 38.482-92.474v-.161h.161V598.443h-.161c-.049-36.214-14.891-69.227-38.708-93.021l.097-.065c-23.643-23.643-56.479-38.365-92.667-38.514h-.161v-.194H918.032zm603.717 100.518c11.019.069 21.2 4.758 28.701 12.259l.097-.097l.064.097c7.478 7.454 12.173 17.753 12.195 28.959h-.161v109.399h.161c-.093 11.112-4.795 21.408-12.227 28.862c-7.453 7.479-17.794 12.141-29.024 12.163v-.161h-61.81v.129c-20.626 0-38.312 15.793-40.188 36.746c-3.82 41.347-30.102 76.608-66.54 93.438c-7.199 3.31-14.697 5.944-22.266 7.658c-6.923 1.55-14.025 2.513-21.107 2.768l-2.768-.065h-208.533v.161c-30.836-.046-59.04-12.727-79.667-33.077l-.741-.709c-20.742-20.721-33.699-49.351-33.721-80.697h.161v-.161h-.161l.289-217.51h537.242v-.161zm-81.856 54.731v96.528h32.562c21.04 0 38.257-17.223 38.257-38.29v-19.917c0-21.066-17.215-38.322-38.257-38.322zM308.869 634.383c-30.17 0-54.667 24.497-54.667 54.667s24.497 54.667 54.667 54.667l296.599.032c30.17 0 54.667-24.497 54.667-54.667s-24.497-54.667-54.667-54.667z"/></svg>

How to use the Emo Coffee icon

React

import { Icon } from "@iconify/react";

<Icon icon="fontelico:emo-coffee" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontelico:emo-coffee" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontelico:emo-coffee" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontelico--emo-coffee]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontelico -->
<div class="i-fontelico:emo-coffee"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontelico:emo-coffee"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fontelico/emo-coffee.svg" alt="Emo Coffee icon" width="24" height="24">

Related icons in Fontelico

Emo Coffee icon FAQ

Is the Emo Coffee 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 Coffee icon in React?

Install @iconify/react and render <Icon icon="fontelico:emo-coffee" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Emo Coffee icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fontelico/emo-coffee.svg" alt="Emo Coffee icon">, or paste the SVG code inline to style it with CSS.

Browse all Fontelico icons →