Candy アイコン
fxemoji:candy
Candy アイコン(fxemoji:candy)は、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="#00B1FF" d="M509.56 332.873c-1.365 12.374-12.65 22.318-29.242 27.874a23.66 23.66 0 0 0-15.503 28.206c4.203 16.986 1.857 31.843-7.858 39.627c-17.254 13.826-51.216.108-75.856-30.641c-13.432-16.762-21.31-35.12-22.912-50.596c-40.568 45.428-108.107 59.659-164.809 30.536c-58.995-30.301-86.679-97.476-69.372-158.937c-13.927 6.959-33.668 10.157-55.042 7.8c-39.165-4.32-68.95-25.638-66.526-47.615c1.365-12.374 12.65-22.318 29.242-27.874a23.66 23.66 0 0 0 15.503-28.206c-4.203-16.986-1.857-31.843 7.858-39.627c17.254-13.826 51.216-.108 75.856 30.641c13.411 16.736 21.285 35.064 22.904 50.526c40.568-45.435 108.112-59.669 164.817-30.545c59.025 30.316 86.706 97.544 69.345 159.03c13.929-6.968 33.682-10.172 55.069-7.813c39.165 4.319 68.95 25.637 66.526 47.614"/><path fill="#76DFFF" d="M207.845 192.707c-7.473 0-14.779-3.719-19.057-10.508c-6.625-10.513-3.473-24.406 7.041-31.031c20.406-12.858 43.98-18.525 66.389-15.945c12.345 1.419 21.202 12.578 19.782 24.923s-12.583 21.2-24.923 19.782c-12.082-1.388-25.662 2.004-37.258 9.312a22.4 22.4 0 0 1-11.974 3.467"/><path fill="#0082BC" d="M124.009 218.939c-6.092 3.042-13.294 5.366-21.261 6.819a154.2 154.2 0 0 1 13.892-39.348c8.376-16.308 19.263-30.482 31.941-42.305c2.793 7.111 4.547 14.042 5.222 20.48a137.3 137.3 0 0 0-19.722 28.755a137.7 137.7 0 0 0-10.072 25.599m263.954 74.136a137.6 137.6 0 0 1-10.044 25.504a137.3 137.3 0 0 1-19.731 28.765c.67 6.457 2.427 13.414 5.231 20.55c12.677-11.823 23.565-25.997 31.941-42.305a154.2 154.2 0 0 0 13.892-39.348c-7.979 1.457-15.191 3.786-21.289 6.834"/></svg>
Candy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:candy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:candy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:candy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--candy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:candy"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:candy"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/candy.svg" alt="Candy アイコン" width="24" height="24">
Candy アイコン のよくある質問
Candy アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Candy アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:candy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Candy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/candy.svg" alt="Candy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
