Dango アイコン
fxemoji:dango
Dango アイコン(fxemoji:dango)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: 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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FCDDB1" d="M503.392 501.921c-3.222 3.222-7.444 4.833-11.667 4.833s-8.445-1.611-11.667-4.833L377.686 399.55l-.007-.008L267.836 289.7l-.005-.005l-22.081-22.08l-.013-.015L56.887 78.751c-6.444-6.444-6.444-16.891 0-23.335c6.444-6.443 16.891-6.443 23.334 0l53.641 53.641a16.5 16.5 0 0 1 3.151 2.447l22.08 22.081c.966.966 1.769 2.03 2.446 3.149L276.444 251.64l14.721 14.72l.009.01l212.217 212.217c6.445 6.443 6.445 16.891.001 23.334"/><path fill="#A5E077" d="M402.931 424.795c-14.278 10.375-31.793 16.489-50.722 16.489c-48.033 0-86.972-39.342-86.972-87.873s38.939-87.873 86.972-87.873s86.972 39.342 86.972 87.873c0 17.415-5.015 33.646-13.664 47.301l-24.497-24.497c-6.443-6.443-16.891-6.443-23.334 0s-6.444 16.891 0 23.334z"/><path fill="#FFD469" d="M272.83 293.107c-14.442 10.784-32.301 17.162-51.637 17.162c-48.033 0-86.972-39.342-86.972-87.873s38.939-87.873 86.972-87.873s86.972 39.342 86.972 87.873c0 17.684-5.175 34.145-14.072 47.93a16.5 16.5 0 0 0-2.929-3.967l-22.081-22.08c-6.443-6.443-16.891-6.443-23.334 0c-6.443 6.444-6.443 16.891 0 23.335l22.081 22.08a16.4 16.4 0 0 0 5 3.413"/><path fill="#FFA1E0" d="M140.467 160.195c-14.496 10.926-32.476 17.395-51.952 17.395c-48.033 0-86.972-39.342-86.972-87.873S40.482 1.845 88.515 1.845s86.972 39.342 86.972 87.873c0 17.455-5.038 33.721-13.724 47.396a16.5 16.5 0 0 0-2.67-3.529l-22.08-22.081c-6.443-6.443-16.891-6.444-23.334 0s-6.444 16.891 0 23.334l22.08 22.081a16.4 16.4 0 0 0 4.708 3.276"/></svg>
Dango アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:dango" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:dango" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:dango" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--dango]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:dango"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:dango"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/dango.svg" alt="Dango アイコン" width="24" height="24">
Dango アイコン のよくある質問
Dango アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dango アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:dango" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dango アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/dango.svg" alt="Dango アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
