Coffee ikonu
fluent-mdl2:coffee
Coffee ikonu (fluent-mdl2:coffee), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Fluent UI MDL2
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 2048 × 2048
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M448 1024q56 0 101 25t82 68t61 96t43 111t25 112t8 100q0 45-8 100t-25 112t-42 111t-62 96t-81 67t-102 26q-35 0-64-17q-29 17-64 17q-56 0-101-25t-82-68t-61-96t-43-111t-25-112t-8-100q0-45 8-100t25-112t42-111t62-96t81-67t102-26q35 0 64 17q29-17 64-17m-321 512q0 45 7 91t21 90t36 86t51 76q16 19 34 30t44 11v-768q-25 0-43 11t-35 30q-29 35-51 76t-36 85t-21 91t-7 91m321 384q25 0 43-11t35-30q29-34 50-75t36-86t22-91t7-91t-7-91t-21-90t-36-86t-51-76q-16-19-34-30t-44-11zm1600-320q0 35-17 64q17 29 17 64q0 56-25 101t-68 82t-96 61t-111 43t-112 25t-100 8q-45 0-100-8t-112-25t-111-42t-96-62t-67-81t-26-102q0-35 17-64q-17-29-17-64q0-56 25-101t68-82t96-61t111-43t112-25t100-8q45 0 100 8t112 25t111 42t96 62t67 81t26 102m-512-193q-45 0-91 7t-90 21t-86 36t-76 51q-19 16-30 34t-11 44h768q0-25-11-43t-30-35q-35-29-76-50t-85-36t-91-22t-91-7m0 514q45 0 91-7t90-21t86-36t76-51q19-16 30-34t11-44h-768q0 25 11 43t30 35q34 29 75 51t86 36t91 21t91 7m-384-914q-29 17-64 17q-56 0-101-25t-82-68t-61-96t-43-111t-25-112t-8-100q0-45 8-100t25-112t42-111t62-96t81-67t102-26q35 0 64 17q29-17 64-17q56 0 101 25t82 68t61 96t43 111t25 112t8 100q0 45-8 100t-25 112t-42 111t-62 96t-81 67t-102 26q-35 0-64-17m257-495q0-45-7-91t-21-90t-36-86t-51-76q-16-19-34-30t-44-11v768q25 0 43-11t35-30q29-34 50-75t36-86t22-91t7-91m-514 0q0 45 7 91t21 90t36 86t51 76q16 19 34 30t44 11V128q-25 0-43 11t-35 30q-29 35-51 76t-36 85t-21 91t-7 91"/></svg>
Coffee ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:coffee" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:coffee" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:coffee" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--coffee]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:coffee"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:coffee"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/coffee.svg" alt="Coffee ikonu" width="24" height="24">
Fluent UI MDL2 setindeki benzer ikonlar
Diğer ikon setlerinde Coffee ikonu
Coffee ikonu: sık sorulan sorular
Coffee ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Coffee ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-mdl2:coffee" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Coffee ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/coffee.svg" alt="Coffee ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent UI MDL2 ikonları →
ICONYZ
