Party Filled アイコン
boxicons:party-filled
Party Filled アイコン(boxicons:party-filled)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.34 16.66c-.84-.84-1.6-1.72-2.25-2.6c-.39-.53-.72-1.05-1.02-1.56l-1.58 4.84a3.27 3.27 0 0 0 .81 3.36c.63.63 1.47.97 2.33.97c.34 0 .69-.05 1.03-.16l4.84-1.58c-.51-.3-1.03-.63-1.56-1.02c-.88-.65-1.76-1.41-2.6-2.25m9.49-9.49c-.1-.1-.21-.2-.32-.31c.3-.51.49-1.12.49-1.87c0-2.93-2.39-4-4-4v2c.46 0 2 .17 2 2c0 .17-.03.32-.07.46c-2.87-2.33-6.06-3.75-7.64-2.17c-.17.17-.32.38-.44.65s-.04.12-.04.12c-.04.1-.07.19-.1.3L4.96 9.72c.08.26.2.58.38.96q.495 1.035 1.35 2.19c.6.81 1.29 1.6 2.06 2.38c.77.77 1.57 1.47 2.38 2.06c.76.57 1.5 1.02 2.19 1.35c.38.18.69.3.95.38l5.37-1.75c.13-.03.26-.07.38-.12h.04v-.02c.24-.11.46-.25.65-.44c.63-.63 1.13-1.9-.06-4.39a15.6 15.6 0 0 0-1.47-2.41c.76-.52 1.7-.91 2.83-.91V7c-1.67 0-3.03.59-4.08 1.34c-.35-.39-.71-.78-1.09-1.17Zm2.46 8.12s-.01 0-.02.01l-.25.08c-.87.06-3.44-.97-6.44-3.97c-1.53-1.53-2.74-3.16-3.43-4.59c-.47-.99-.55-1.63-.51-1.93l.05-.17V4.7c.06-.06.18-.09.35-.09c.71 0 2.32.61 4.33 2.17c-.68.2-1.33.22-1.38.22v2c.84 0 2.04-.2 3.05-.76c.12.12.24.22.37.35c.36.36.7.72 1.02 1.09c-.85.95-1.29 1.8-1.32 1.88l1.79.89s.28-.54.8-1.17c.46.65.86 1.29 1.15 1.9c.62 1.3.57 2 .45 2.12Z"/></svg>Party Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:party-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:party-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:party-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--party-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:party-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:party-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/party-filled.svg" alt="Party Filled アイコン" width="24" height="24">Boxicons の関連アイコン
Party Filled アイコン のよくある質問
Party Filled アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Party Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:party-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Party Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/party-filled.svg" alt="Party Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。