Confetti2 Duotone アイコン
reicon:confetti2-duotone
Confetti2 Duotone アイコン(reicon:confetti2-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.926 2.36a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.098c.588.588.805 1.453.564 2.25a.75.75 0 1 1-1.435-.434a.76.76 0 0 0-.19-.756l-.098-.098a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.249m9.048 4.687c-.138.053-.26.176-.506.421c-.246.246-.368.368-.422.507a.7.7 0 0 0 0 .503c.054.138.176.261.422.507c.245.245.368.368.506.421a.7.7 0 0 0 .504 0c.138-.053.26-.176.506-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.175-.261-.42-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.504 0m1.434 5.513a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.296l-.212-.123a.75.75 0 0 1 .75-1.299l.212.123c.378.218.853.17 1.179-.12a2.51 2.51 0 0 1 2.674-.422l.291.128a.75.75 0 1 1-.6 1.374z"/><path d="M13.561 4.396c.201-.2.302-.301.418-.338a.5.5 0 0 1 .302 0c.116.037.217.137.418.338c.2.202.301.302.338.418a.5.5 0 0 1 0 .302c-.037.117-.137.217-.338.418s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.418a.5.5 0 0 1 0-.302c.036-.116.137-.216.338-.418m5.497 10.917a.536.536 0 1 1 .758.759a.536.536 0 0 1-.758-.759" opacity=".7"/><path d="M6.927 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m10.762.782a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.87 2.12a1.31 1.31 0 0 0-.875.99l-.144.72a.75.75 0 0 1-1.47-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.874-.99l.144-.72a.75.75 0 0 1 .883-.588" opacity=".5"/><path d="M17.5 9.742a.536.536 0 1 1 .758.758a.536.536 0 0 1-.758-.758" opacity=".2"/><path d="m4.012 15.762l1.69-5.069c.766-2.298 1.149-3.447 2.055-3.66c.906-.215 1.763.642 3.475 2.355l3.38 3.379c1.712 1.713 2.569 2.569 2.355 3.475s-1.363 1.29-3.661 2.055l-5.069 1.69c-2.765.922-4.148 1.383-4.878.653s-.269-2.113.653-4.878" opacity=".5"/><path d="m8.8 7.504l.05-.245c-.392-.23-.739-.31-1.093-.227a1.2 1.2 0 0 0-.397.175l.696.144c-.478-.1-.641-.133-.696-.144l-.035.024l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.311 1.939c-.215 1.533-.415 3.492-.312 5.057c.062.948.26 2.123.435 3.04a51 51 0 0 0 .312 1.503l.021.093l.006.025l.002.009l.73-.17l-.73.17l.137.588l.765-.254l.664-.221l-.106-.46l-.006-.021l-.02-.088l-.072-.33a49 49 0 0 1-.23-1.125c-.173-.907-.355-2.007-.411-2.857c-.092-1.404.088-3.235.3-4.75a50 50 0 0 1 .434-2.582l.008-.037l.002-.01zm4.24 10.882l-1.424.475l-.092-.278l.712-.237l-.712.237l-.001-.003l-.002-.006l-.007-.022a10 10 0 0 1-.115-.37c-.074-.247-.172-.59-.27-.983c-.192-.77-.402-1.792-.402-2.644s.21-1.874.402-2.643a22 22 0 0 1 .385-1.354l.007-.021l.002-.007v-.001l.713.235l-.712-.236l.212-.637l1.186 1.187l-.004.014l-.082.267c-.069.23-.16.55-.252.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.006.017l.001.004z"/></g></svg>Confetti2 Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:confetti2-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:confetti2-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:confetti2-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--confetti2-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:confetti2-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:confetti2-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/confetti2-duotone.svg" alt="Confetti2 Duotone アイコン" width="24" height="24">Reicon の関連アイコン
Confetti2 Duotone アイコン のよくある質問
Confetti2 Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Confetti2 Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:confetti2-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Confetti2 Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/confetti2-duotone.svg" alt="Confetti2 Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。