Dango アイコン
fluent-emoji:dango
Dango アイコン(fluent-emoji:dango)は、Fluent Emoji セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dango アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:dango" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dango アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/dango.svg" alt="Dango アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。