Ikon Coffee
ls:coffee
Ikon Coffee (ls:coffee) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 697 × 768. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Ligature Symbols
- Pembuat
- Kazuyuki Motoyama
- Lisensi
- OFL-1.1
- Ukuran
- 697 × 768
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="697" height="768" viewBox="0 0 697 768"><path fill="currentColor" d="M397 344c-3-67-7-103-47-147c-51-57-70-112-28-197c11 57 15 108 55 139s73 115 20 205m-75 0c-2-36-4-54-26-79c-27-30-38-59-15-105c6 31 7 58 29 74s41 62 12 110m181 316h182c11 0 15 8 8 17c0 0-71 91-169 91H173L4 677c-7-9-4-17 7-17h180c-25-13-62-70-62-141V369h438v12c14-12 31-18 49-18c25 0 72 26 72 71c0 65-43 89-68 106c0 0-47 37-80 80c-11 19-24 34-37 40m113-270c-16 0-36 7-49 39v83c0 11-1 24-3 35c22-22 48-37 48-37c16-11 48-32 48-73c1-29-26-47-44-47m-411 12h-28v41h28zm0 65h-28v67s8 90 65 117c-35-41-37-88-37-117z"/></svg>
Cara memakai ikon Coffee
React
import { Icon } from "@iconify/react";
<Icon icon="ls:coffee" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:coffee" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:coffee" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--coffee]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:coffee"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:coffee"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ls/coffee.svg" alt="Ikon Coffee" width="24" height="24">
Ikon Coffee di set ikon lain
FAQ Ikon Coffee
Apakah ikon Coffee gratis untuk penggunaan komersial?
Ya. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Coffee di React?
Pasang @iconify/react lalu render <Icon icon="ls:coffee" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Coffee ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ls/coffee.svg" alt="Ikon Coffee">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Ligature Symbols →
ICONYZ
