Dango アイコン

Q: Dango アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:dango

Dango アイコン(noto:dango)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 飲食

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#F3C975" d="m92.78 99.16l24.51 24.99s3.54.94 5.66-1.41c2.12-2.36 1.89-4.71 1.89-4.71l-30.18-31.6z"/><path fill="#919F50" d="M69.06 67.05c-8.9 8.57-13.84 21.41-4.12 33.11c8.83 10.63 26.11 6.63 33.85-1.77s11.95-19.65 2.93-30.8c-9.33-11.51-24.67-8.24-32.66-.54"/><path fill="#FFFFFE" d="M71.89 94.44c3.11-1.29 1.57-5.29 1.07-8.91c-.49-3.62-.03-6.87-2.67-6.7c-2.64.16-4.69 2.75-4.28 8.4c.33 4.61 3.44 8.22 5.88 7.21"/><path fill="#FFEBCC" d="M41.29 38.64c-8.04 7.3-14.42 21.05-4.97 32.55c11.35 13.8 26.37 10.13 36.64-.26s7.96-24.8-1.07-32.96s-22.5-6.68-30.6.67"/><path fill="#FFFFFE" d="M42.07 49.95c-3.89.73-4.5 5.81-4.09 8.96s2.01 6.99 5.58 6.95s1.71-3.84 1.32-8.32s1.27-8.36-2.81-7.59"/><path fill="#FFA8A7" d="M44.75 44.33c5.94-6.56 13.22-20.11.94-32.09C33.77.6 19.73 7.25 12.47 14.39c-6.93 6.8-11.13 22.39-.62 32.04s25.84 5.69 32.9-2.1"/><path fill="#FFF" d="M14.87 21.73c-3.79.65-4.71 4.76-4.42 8.3c.31 3.71 3.01 6.74 5.62 6.33c3.43-.53 1.77-3.43 1.39-8.25c-.28-3.82 1.12-7.02-2.59-6.38"/><path fill="#F8C972" d="M4.05 4.25c-1.57 1.26 6.93 13.36 6.93 13.36s2.6-.37 4.33-1.98s2.23-4.58 2.23-4.58S5.91 2.76 4.05 4.25"/></svg>

Dango アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="noto:dango" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto:dango" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto:dango" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--dango]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:dango"></div>

Web コンポーネント

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

<iconify-icon icon="noto:dango"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/dango.svg" alt="Dango アイコン" width="24" height="24">

他のアイコンセットの Dango アイコン

Dango アイコンのよくある質問

Dango アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Dango アイコンを使うには?

@iconify/react をインストールして <Icon icon="noto:dango" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Dango アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/dango.svg" alt="Dango アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Noto Emoji アイコンをすべて見る →