Ikon Doughnut

fxemoji:doughnut

Ikon Doughnut (fxemoji:doughnut) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Firefox OS Emoji
Pembuat: Mozilla
Lisensi: Apache-2.0
Ukuran: 512 × 512
Kategori: Benda

Download SVG

Kode SVG

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

Cara memakai ikon Doughnut

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 component

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

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

Gambar HTML

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

Ikon Doughnut di set ikon lain

FAQ Ikon Doughnut

Apakah ikon Doughnut gratis untuk penggunaan komersial?

Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Doughnut di React?

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

Bagaimana cara menambahkan ikon Doughnut ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/doughnut.svg" alt="Ikon Doughnut">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Firefox OS Emoji →