Ikon Emo Coffee

fontelico:emo-coffee

Ikon Emo Coffee (fontelico:emo-coffee) adalah ikon SVG gratis dari set Fontelico karya Fontello. Ikon ini digambar pada grid 1673 × 1000. Fontelico icons dirilis di bawah lisensi CC BY SA, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Fontelico
Pembuat: Fontello
Lisensi: CC-BY-SA-3.0
Ukuran: 1673 × 1000
Tag: emocoffee

Download SVG

Kode SVG

<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>

Cara memakai ikon Emo Coffee

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>

Gambar HTML

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

Ikon terkait di Fontelico

FAQ Ikon Emo Coffee

Apakah ikon Emo Coffee gratis untuk penggunaan komersial?

Ya. Fontelico icons dirilis di bawah lisensi CC BY SA, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Emo Coffee di React?

Pasang @iconify/react lalu render <Icon icon="fontelico:emo-coffee" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Emo Coffee ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fontelico/emo-coffee.svg" alt="Ikon Emo Coffee">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fontelico →