Volleyball Light アイコン
ph:volleyball-light
Volleyball Light アイコン(ph:volleyball-light)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- sports、volleyballlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m83.37 135.89a90 90 0 0 1-97.85 3.18L131.46 134h86.34a89.5 89.5 0 0 1-6.43 27.89M88.3 47.24a89.5 89.5 0 0 1 27.35-8.39A90 90 0 0 1 167.34 122h-35.88ZM217.8 122h-38.46a102.12 102.12 0 0 0-40.84-83.38A90.15 90.15 0 0 1 217.8 122M77.92 53.26l19.21 33.27a102.16 102.16 0 0 0-51.79 77.06A89.93 89.93 0 0 1 77.92 53.26M57 183.19a90 90 0 0 1 46.17-86.26l17.9 31.07l-43.15 74.74A90.6 90.6 0 0 1 57 183.19M128 218a89.5 89.5 0 0 1-39.7-9.24l19.22-33.29a102.13 102.13 0 0 0 92.58 6.34A89.91 89.91 0 0 1 128 218"/></svg>Volleyball Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:volleyball-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:volleyball-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:volleyball-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--volleyball-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:volleyball-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:volleyball-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/volleyball-light.svg" alt="Volleyball Light アイコン" width="24" height="24">Phosphor の関連アイコン
Volleyball Light アイコン のよくある質問
Volleyball Light アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Volleyball Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:volleyball-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Volleyball Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/volleyball-light.svg" alt="Volleyball Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。