Dizzy アイコン

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

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

fxemoji:dizzy

Dizzy アイコン(fxemoji:dizzy)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="M36 166.9s-.5-1-1.6-3.1c-1-2-2.6-5.1-4.5-9.1c-3.7-8.1-9.2-20-14-36.2c-2.4-8.1-4.7-17.2-6-27.5c-.7-5.1-1.1-10.6-1.1-16.3s.5-11.7 1.6-17.9c.6-3.1 1.4-6.2 2.4-9.4c1.1-3.1 2.3-6.3 3.9-9.4c.7-1.6 1.7-3.1 2.6-4.6c.5-.8 1-1.5 1.5-2.3s1-1.5 1.6-2.2s1.1-1.5 1.7-2.2l1.8-2.1l.5-.5l.2-.3c0-.1.5-.5.4-.4l.8-.9l.8-.9l.4-.4l.5-.5c.8-.7 1.5-1.4 2.3-2s1.5-1.2 2.3-1.8c.7-.6 1.5-1.2 2.3-1.7s1.6-1.1 2.4-1.6c3.3-2.1 6.7-3.8 10.3-5.3c7.2-3 14.9-4.8 22.7-5.9c7.8-1 15.7-1.1 23.6-.6c7.9.4 15.9 1.5 23.8 3c15.9 3 31.7 7.8 47.4 13.8S198 31.8 213.5 40s31 17.3 46.2 27.2c15.2 10 30.2 20.7 44.9 32.3c14.6 11.6 29.1 23.8 43.1 36.8c27.9 25.9 54.4 54.5 78.1 85.5c11.9 15.5 23.1 31.6 33.4 48.4c10.3 16.7 19.8 34.1 27.9 52.3s14.9 37.2 19.1 57.6c2 10.2 3.4 20.8 3.6 31.9s-1 22.7-4.6 34.6c-1.8 5.9-4.2 11.9-7.4 17.6s-7.1 11.1-11.7 16l-.9.9l-.4.5s-1.4 1.4-1 .9l-1.2 1.1l-.6.6c-.2.2-.3.3-.8.7l-2.2 1.9l-1.1.9c-.4.3-.8.6-1.1.9l-2 1.5c-1.3 1-2.7 1.9-4 2.8c-5.5 3.5-11.2 6.2-16.9 8.3c-11.4 4.2-22.7 5.8-33.1 6.2c-2.6.1-5.2.1-7.8.1c-2.5-.1-5.1-.1-7.5-.3c-5-.3-9.8-.9-14.4-1.6c-9.4-1.4-18.2-3.5-26.7-5.8q-12.75-3.6-24.3-8.1c-15.5-5.9-29.8-12.7-43-19.7c-26.5-14.1-49-29.3-68.2-43.5s-35-27.7-47.7-39s-22.2-20.8-28.6-27.2c-3.2-3.2-5.6-5.7-7.3-7.4c-1.6-1.7-2.5-2.6-2.5-2.6c-9.7-10.1-9.4-26.2.7-35.9c9.8-9.4 25.2-9.4 34.9-.3l.3.3s.8.8 2.4 2.3s4 3.7 7.1 6.6c6.2 5.8 15.5 14.1 27.6 24.3s27.2 22.1 45 34.9c8.9 6.4 18.6 12.8 28.9 19.3c10.4 6.4 21.4 12.9 33.1 18.9s24.1 11.8 37 16.6c6.5 2.4 13 4.6 19.6 6.5s13.3 3.4 19.9 4.4c1.7.3 3.3.4 4.9.7c1.6.1 3.3.3 4.9.4s3.2.2 4.8.2h4.6c6.1-.2 11.6-1.1 16.2-2.8c2.3-.8 4.3-1.8 6-2.9c.4-.3.9-.5 1.3-.8l.6-.4c.1-.1.2-.1.2-.1l.1-.1c.1-.1.2-.1.3-.2l.4-.4l.6-.6l1.2-1.1l-.4.4l.1-.1l.3-.3c2.8-2.8 5-6.5 6.6-11.5s2.5-11.1 2.5-18c.1-6.8-.7-14.2-2.1-21.7c-1.4-7.6-3.4-15.4-5.9-23.2c-2.4-7.8-5.4-15.7-8.7-23.6c-6.6-15.8-14.7-31.4-23.5-46.7c-8.9-15.4-18.8-30.4-29.3-45.1c-21-29.3-44.6-57.1-69.4-83c-12.4-12.9-25.1-25.4-38.2-37.2c-13-11.8-26.3-23.1-39.8-33.6c-26.9-21-54.7-39.2-82.5-52.7c-13.9-6.8-27.9-12.3-41.6-16.2s-27.3-6-39.8-5.5c-6.2.3-12.2 1.3-17.6 3c-2.7.9-5.3 1.9-7.7 3.2c-.6.3-1.2.7-1.8 1s-1.2.7-1.7 1.1s-1.1.7-1.7 1.1l-1.4 1.1c-.1.1-.2.2-.4.3l-.3.1l-.9.8l-.9.8c-.3.2.1-.1 0 0l-.2.2l-.4.3l-1.4 1.4l-1.3 1.4c-.5.5-.9 1-1.3 1.5l-1.2 1.5c-.7 1.1-1.5 2.1-2.1 3.2c-1.4 2.2-2.5 4.5-3.5 6.9s-1.8 4.8-2.5 7.3c-2.8 9.9-3.2 20.2-2.8 29.6c.4 9.5 1.8 18.2 3.4 26.1c3.3 15.7 7.4 27.9 10.3 36.1c1.5 4.1 2.6 7.2 3.5 9.3c.8 2.1 1.2 3.2 1.2 3.2c.5 1.4-.2 3-1.6 3.5c-1.4.6-2.8 0-3.4-1.2"/><path fill="#FFB636" d="M171.9 451.6L102.8 478c-3.2 1.2-6.5-1.2-6.4-4.6l3.8-73.9c.1-1.2-.3-2.3-1-3.2l-46.5-57.5c-2.1-2.6-.8-6.6 2.4-7.5l71.4-19.2c1.1-.3 2.1-1 2.7-2l40.3-62c1.9-2.8 6-2.8 7.9 0l40.3 62c.6 1 1.6 1.7 2.7 2l71.4 19.2c3.3.9 4.6 4.8 2.4 7.5l-46.5 57.5c-.7.9-1.1 2-1 3.2l3.8 73.9c.2 3.4-3.2 5.8-6.4 4.6L175 451.6c-.8-.4-2-.4-3.1 0"/></svg>

Dizzy アイコンの使い方

React

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

<Icon icon="fxemoji:dizzy" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:dizzy" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:dizzy" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/dizzy.svg" alt="Dizzy アイコン" width="24" height="24">

Firefox OS Emoji の関連アイコン

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

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

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

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

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

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

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

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

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