Confetti Ball アイコン
fluent-emoji-flat:confetti-ball
Confetti Ball アイコン(fluent-emoji-flat:confetti-ball)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
- タグ
- confettiball
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="#f9c23c" d="M3.95 20.36c-2.6-2.6-2.6-6.81 0-9.41s6.81-2.6 9.41 0l1.22 1.22l-9.41 9.41zm24.15 0c2.6-2.6 2.6-6.81 0-9.41c-2.59-2.6-6.81-2.6-9.41 0l-1.22 1.22l9.41 9.41z"/><path fill="#6d4534" d="M11.7 18.7c-2.6 2.6-5.54 3.87-6.57 2.85c-1.02-1.03.25-3.97 2.85-6.57s5.55-3.86 6.57-2.84s-.25 3.96-2.85 6.56m8.66 0c2.6 2.6 5.53 3.88 6.56 2.85s-.25-3.96-2.85-6.56s-5.54-3.87-6.56-2.85s.25 3.96 2.85 6.56"/><path fill="#f9c23c" d="M12.229 21.471a.71.71 0 1 1-1.42 0a.71.71 0 0 1 1.42 0M8.51 28.17a.71.71 0 1 0 0-1.42a.71.71 0 0 0 0 1.42M23 29a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#00a6ed" d="M22.89 14.74a.716.716 0 0 1 .41.94c-.43 1.11-1.69 2.6-1.87 2.8q-.578.707-1.335 1.217a6 6 0 0 1-.765 1.693c-.22.33-.67.43-1 .21a.726.726 0 0 1-.21-1q.084-.128.158-.261a2.05 2.05 0 0 1-1.198-.469a1.9 1.9 0 0 1-.38-2.62c.62-.85 1.81-1.04 2.66-.42l.02.02a2.04 2.04 0 0 1 .745.932q.105-.112.205-.232q.001-.007.005-.01t.005-.01c.35-.4 1.33-1.62 1.62-2.38a.72.72 0 0 1 .93-.41m-4.07 4.038c.058-.474-.104-.642-.28-.768l-.02-.02a.458.458 0 0 0-.73.44c.02.12.08.23.18.3q.03.022.056.047c.17.12.383.194.794.001M16.005 30c.555 0 1.005-.448 1.005-1s-.45-1-1.005-1S15 28.448 15 29s.45 1 1.005 1M4.42 26.48a7.93 7.93 0 0 0 2.76-5.46c.11-1.46-.18-2.88-.81-4.15c.34-.48.75-.95 1.19-1.42c1.02 1.7 1.5 3.68 1.35 5.7a9.67 9.67 0 0 1-3.36 6.64c-.16.14-.36.21-.56.21c-.25 0-.49-.1-.66-.3a.87.87 0 0 1 .09-1.22"/><path fill="#f70a8d" d="M15.22 22.16c-.06.53.22 1.04.7 1.27c.43.21.61.72.4 1.14c-.14.32-.45.5-.78.5c-.12 0-.25-.02-.37-.08a2.96 2.96 0 0 1-1.68-3.04l.24-1.93c.05-.36-.06-.71-.31-.98s-.57-.4-.95-.4l-.54.01c-1.09.04-2.13-.56-2.67-1.53l-1.21-2.2c.44-.44.89-.82 1.33-1.17l1.39 2.53c.23.41.65.67 1.12.64l.55-.01c.84-.02 1.69.33 2.27.97s.85 1.49.75 2.35zm10.97 5.3c-.23 0-.46-.1-.63-.28c-2.67-2.88-2.53-7.37.28-10.09c.38.55.69 1.08.92 1.58c-1.84 2.08-1.86 5.26.07 7.34c.32.35.3.89-.05 1.22c-.17.15-.38.23-.59.23m-15.97 2.42c.13.1.29.15.45.15c.24 0 .47-.11.63-.32c1.33-1.84 1.61-4.18.73-6.27a.77.77 0 0 0-1.01-.41a.78.78 0 0 0-.41 1.01a4.87 4.87 0 0 1-.56 4.76c-.25.35-.17.83.17 1.08m9.29-4.491a.85.85 0 1 0 0-1.7a.85.85 0 0 0 0 1.7"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Confetti Ball アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:confetti-ball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:confetti-ball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:confetti-ball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--confetti-ball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:confetti-ball"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:confetti-ball"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/confetti-ball.svg" alt="Confetti Ball アイコン" width="24" height="24">
他のアイコンセットの Confetti Ball アイコン
Confetti Ball アイコン のよくある質問
Confetti Ball アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Confetti Ball アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:confetti-ball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Confetti Ball アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/confetti-ball.svg" alt="Confetti Ball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
