أيقونة Doughnut

fxemoji:doughnut

أيقونة Doughnut (fxemoji:doughnut) أيقونة SVG مجانية من مجموعة Firefox OS Emoji من تصميم Mozilla. مرسومة على شبكة 512 × 512. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Firefox OS Emoji
المؤلف: Mozilla
الترخيص: Apache-2.0
الحجم: 512 × 512
الفئة: الأشياء

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/doughnut.svg" alt="أيقونة Doughnut" width="24" height="24">

أيقونة Doughnut في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Doughnut

هل أيقونة Doughnut مجانية للاستخدام التجاري؟

نعم. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Doughnut في React؟

ثبّت @iconify/react واعرض <Icon icon="fxemoji:doughnut" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Doughnut إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fxemoji/doughnut.svg" alt="أيقونة Doughnut">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Firefox OS Emoji →