أيقونة Dango
fluent-emoji:dango
أيقونة Dango (fluent-emoji:dango) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iKmSlZb)" d="M6.778 8.238c-.37 0-.74-.14-1.03-.43l-3.32-3.32c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l3.31 3.32c.57.57.57 1.49 0 2.06c-.28.29-.65.43-1.02.43"/><path fill="url(#iRLSDJA)" d="M9.177 14.908a6.06 6.06 0 1 0 0-12.12a6.06 6.06 0 0 0 0 12.12"/><path fill="url(#iAtjNfd)" d="M9.177 14.908a6.06 6.06 0 1 0 0-12.12a6.06 6.06 0 0 0 0 12.12"/><g filter="url(#i5lbPNc)"><path fill="#BC6965" d="M9.125 14.531c0-3.347 2.216-5.031 5.563-5.031c0 3.684 1.372 6.061-5.563 5.031"/></g><path fill="url(#iTWCoNd)" d="M15.438 21.168a6.06 6.06 0 1 0 0-12.12a6.06 6.06 0 0 0 0 12.12"/><path fill="url(#iH3CFRZ)" d="M15.438 21.168a6.06 6.06 0 1 0 0-12.12a6.06 6.06 0 0 0 0 12.12"/><g filter="url(#iOtP0GQ)"><path fill="#BBB08B" d="M14.798 20.69c.284-3.335 3.228-5.55 6.563-5.266c-.89 5.063-2.715 5.602-6.563 5.265"/></g><path fill="url(#iDyHrFc)" d="M21.766 27.509a6.06 6.06 0 1 0 0-12.12a6.06 6.06 0 0 0 0 12.12"/><path fill="url(#i8GMrEe)" d="M21.766 27.509a6.06 6.06 0 1 0 0-12.12a6.06 6.06 0 0 0 0 12.12"/><path fill="url(#iPiPEBc)" d="M28.588 29.998c-.37 0-.74-.14-1.03-.43l-4.38-4.33c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l4.38 4.33c.57.57.57 1.49 0 2.06c-.29.29-.66.43-1.03.43"/><path fill="url(#iQMIz8d)" d="M28.588 29.998c-.37 0-.74-.14-1.03-.43l-4.38-4.33c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l4.38 4.33c.57.57.57 1.49 0 2.06c-.29.29-.66.43-1.03.43"/><defs><radialGradient id="iRLSDJA" cx="0" cy="0" r="1" gradientTransform="rotate(132.489 4.942 6.316)scale(10.086)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD3BC"/><stop offset=".422" stop-color="#E8A796"/><stop offset="1" stop-color="#A8756C"/></radialGradient><radialGradient id="iAtjNfd" cx="0" cy="0" r="1" gradientTransform="rotate(101.634 -2.682 11.65)scale(8.67828 12.0506)" gradientUnits="userSpaceOnUse"><stop stop-color="#BE7190"/><stop offset="1" stop-color="#BF6D8E" stop-opacity="0"/></radialGradient><radialGradient id="iTWCoNd" cx="0" cy="0" r="1" gradientTransform="rotate(119.97 5.972 12.244)scale(9.8841)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFED0"/><stop offset=".472" stop-color="#F6DDB8"/><stop offset="1" stop-color="#B9A188"/></radialGradient><radialGradient id="iH3CFRZ" cx="0" cy="0" r="1" gradientTransform="matrix(-2.81247 7.68751 -9.21614 -3.37172 14.188 22.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#D1A8CB"/><stop offset="1" stop-color="#D0A5CB" stop-opacity="0"/></radialGradient><radialGradient id="iDyHrFc" cx="0" cy="0" r="1" gradientTransform="rotate(113.674 6.229 18.034)scale(8.66685)" gradientUnits="userSpaceOnUse"><stop stop-color="#64DB91"/><stop offset=".471" stop-color="#37BE71"/><stop offset="1" stop-color="#388E61"/></radialGradient><radialGradient id="i8GMrEe" cx="0" cy="0" r="1" gradientTransform="rotate(95.029 -2.057 24.097)scale(8.78382)" gradientUnits="userSpaceOnUse"><stop stop-color="#5E8690"/><stop offset=".738" stop-color="#528787" stop-opacity="0"/></radialGradient><radialGradient id="iQMIz8d" cx="0" cy="0" r="1" gradientTransform="matrix(4.4375 4.81375 -3.2067 2.95606 27.188 26.374)" gradientUnits="userSpaceOnUse"><stop offset=".715" stop-color="#9B7549" stop-opacity="0"/><stop offset=".859" stop-color="#977246"/></radialGradient><linearGradient id="iKmSlZb" x1="6.25" x2="4.4" y1="4.375" y2="6.088" gradientUnits="userSpaceOnUse"><stop offset=".162" stop-color="#FFD69D"/><stop offset=".558" stop-color="#E2A877"/><stop offset="1" stop-color="#AB6D52"/></linearGradient><linearGradient id="iPiPEBc" x1="27.625" x2="25.563" y1="25.5" y2="27.5" gradientUnits="userSpaceOnUse"><stop offset=".162" stop-color="#FFD9A3"/><stop offset=".439" stop-color="#F3B78D"/><stop offset=".887" stop-color="#BE706B"/></linearGradient><filter id="i5lbPNc" width="7.673" height="7.273" x="8.125" y="8.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_31282" stdDeviation=".5"/></filter><filter id="iOtP0GQ" width="8.563" height="7.37" x="13.798" y="14.399" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_31282" stdDeviation=".5"/></filter></defs></g></svg>كيفية استخدام أيقونة Dango
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:dango" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:dango" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:dango" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--dango]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:dango"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:dango"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/dango.svg" alt="أيقونة Dango" width="24" height="24">أيقونة Dango في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Dango
هل أيقونة Dango مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Dango في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji:dango" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Dango إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji/dango.svg" alt="أيقونة Dango">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.