Doughnut ikonu

fxemoji:doughnut

Doughnut ikonu (fxemoji:doughnut), Firefox OS Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Mozilla). 512 × 512 ızgara üzerinde çizilmiştir. Firefox OS Emoji icons, Apache 2.0 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: Firefox OS Emoji
Yazar: Mozilla
Lisans: Apache-2.0
Boyut: 512 × 512
Kategori: Nesneler

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#F2A74E" d="M504.711 309.169c0 80.733-111.352 146.181-248.711 146.181S7.289 389.903 7.289 309.169S118.641 162.989 256 162.989s248.711 65.447 248.711 146.18"/><path fill="#77431D" d="M510.661 244.216c0 31.784-7.488 89.521-43.747 99.215c-37.533 10.034-64.384-20.418-94.941-20.418c-58.444 0-47.821 50.247-115.973 50.247s-68.152-34.12-102.665-47.963c-47.716-19.139-37.533 15.988-95.92 2.284c-50.138-11.769-56.076-32.192-56.076-83.365C1.339 146.458 115.355 67.209 256 67.209s254.661 79.249 254.661 177.007"/><path fill="#FFF" d="M343.932 200.821c0 23.599-39.369 42.729-87.932 42.729s-87.932-19.13-87.932-42.729s39.369-32.503 87.932-32.503s87.932 8.905 87.932 32.503"/><path fill="#F8A106" d="M343.932 200.821c0 7.213-3.693 14.003-10.187 19.963c-4.865-18.363-33.706-31.346-77.746-31.346s-72.384 13.202-78.743 30.399c-5.87-5.728-9.189-12.182-9.189-19.016c0-23.599 39.369-42.729 87.932-42.729c48.565 0 87.933 19.131 87.933 42.729"/><path fill="#FFA9BA" d="M85.822 233.181c-1.009 0-2.035-.119-3.059-.367l-33.902-8.217c-6.947-1.684-11.214-8.681-9.53-15.628c1.684-6.946 8.68-11.211 15.628-9.53l33.902 8.217c6.947 1.684 11.214 8.681 9.53 15.628c-1.436 5.922-6.733 9.897-12.569 9.897m338.656 58.255l31.557-13.744c6.554-2.854 9.553-10.48 6.698-17.034c-2.854-6.554-10.482-9.554-17.034-6.698l-31.557 13.744c-6.554 2.854-9.553 10.48-6.698 17.034c2.121 4.871 6.878 7.778 11.873 7.778c1.724 0 3.479-.347 5.161-1.08M260.437 112.013c1.707-6.941-2.537-13.952-9.479-15.659l-31.009-7.624c-6.937-1.706-13.952 2.537-15.659 9.479s2.537 13.952 9.479 15.659l31.009 7.624a13 13 0 0 0 3.1.377c5.819 0 11.107-3.952 12.559-9.856"/><path fill="#5FD6FF" d="M97.183 300.93c-5.008 0-9.833-2.755-12.245-7.53c-3.411-6.757-.699-14.999 6.058-18.41l33.854-17.092c6.754-3.412 14.999-.699 18.41 6.057s.699 14.999-6.058 18.41l-33.854 17.092a13.66 13.66 0 0 1-6.165 1.473m248.574-162.55l33.854-8.546c7.339-1.853 11.785-9.304 9.933-16.642s-9.302-11.785-16.642-9.933l-33.854 8.546c-7.339 1.853-11.786 9.303-9.933 16.642c1.568 6.213 7.148 10.353 13.277 10.353c1.111 0 2.239-.136 3.365-.42m10.063 153.437l6.726-32.396c1.539-7.411-3.222-14.666-10.632-16.205c-7.418-1.537-14.666 3.223-16.204 10.633l-6.726 32.395c-1.539 7.411 3.222 14.666 10.632 16.204c.94.195 1.877.289 2.8.289c6.358.001 12.062-4.449 13.404-10.92"/><path fill="#FFCD2E" d="M255.899 313.121c-2.138 0-4.307-.502-6.333-1.56l-30.884-16.131c-6.708-3.504-9.307-11.783-5.803-18.492c3.505-6.708 11.783-9.304 18.492-5.803l30.884 16.131c6.709 3.504 9.307 11.783 5.803 18.492a13.7 13.7 0 0 1-12.159 7.363M115.772 155.046l28.399-15.232c5.876-3.152 8.085-10.471 4.933-16.348s-10.47-8.086-16.348-4.933l-28.399 15.232c-5.876 3.152-8.085 10.471-4.933 16.348a12.07 12.07 0 0 0 16.348 4.933m348.712 24.164c.848-7.521-4.562-14.305-12.084-15.152l-34.484-3.885c-7.52-.853-14.306 4.562-15.152 12.084c-.848 7.521 4.562 14.305 12.084 15.152l34.484 3.885a14 14 0 0 0 1.551.087c6.882.001 12.813-5.171 13.601-12.171"/></svg>

Doughnut ikonu nasıl kullanılır

React

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

<Icon icon="fxemoji:doughnut" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:doughnut" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:doughnut" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--doughnut]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:doughnut"></div>

Web bileşeni

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

<iconify-icon icon="fxemoji:doughnut"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fxemoji/doughnut.svg" alt="Doughnut ikonu" width="24" height="24">

Diğer ikon setlerinde Doughnut ikonu

Doughnut ikonu: sık sorulan sorular

Doughnut ikonu ticari kullanım için ücretsiz mi?

Evet. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Doughnut ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fxemoji:doughnut" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Doughnut 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/fxemoji/doughnut.svg" alt="Doughnut ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Firefox OS Emoji ikonları →