Balls アイコン
reicon:balls
Balls アイコン(reicon:balls)は、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"><path fill="currentColor" fill-rule="evenodd" d="M8.485 2.75a5.7 5.7 0 0 0-2.86.771a5.7 5.7 0 0 0-1.992 1.917l.121.082c.23.16.545.4.907.733c.725.667 1.638 1.704 2.43 3.206c.55 1.042.892 2.024 1.105 2.865c.384-.907.914-1.762 1.64-2.488q.461-.458.983-.818c-.31-.433-.618-.924-.91-1.477a12.7 12.7 0 0 1-1.317-3.89c-.056-.346-.088-.65-.107-.901m1.525.203a10 10 0 0 0 .063.46a11.2 11.2 0 0 0 1.162 3.428c.29.55.597 1.027.9 1.437a10.7 10.7 0 0 1 2.046-.67a5.7 5.7 0 0 0-.702-1.982a5.73 5.73 0 0 0-3.469-2.673m5.65 4.408a7.2 7.2 0 0 0-.882-2.485a7.24 7.24 0 0 0-5.41-3.573A7.249 7.249 0 0 0 7.36 15.659q-.017.145-.03.29a20 20 0 0 0-.018 3.356a3.645 3.645 0 0 0 3.382 3.382c.962.073 2.134.1 3.357-.017c2.09-.202 4.442-.837 6.112-2.506c1.67-1.67 2.305-4.021 2.506-6.112c.117-1.223.09-2.395.017-3.357a3.645 3.645 0 0 0-3.382-3.382a20 20 0 0 0-3.644.048m-8.67 6.686a5.73 5.73 0 0 1-3.469-2.673a5.73 5.73 0 0 1-.52-4.549c.17.125.392.3.645.533c.616.566 1.417 1.47 2.119 2.801a11.2 11.2 0 0 1 1.162 3.428q.04.25.063.46M17.754 8.75l3.496 3.496c-.002-.51-.025-.995-.059-1.437a2.145 2.145 0 0 0-2-2a20 20 0 0 0-1.437-.059m3.385 5.506l-5.395-5.395c-1.827.22-3.615.803-4.847 2.036c-1.233 1.232-1.815 3.02-2.036 4.847l5.395 5.395c1.827-.22 3.615-.803 4.847-2.036c1.233-1.232 1.815-3.02 2.036-4.847m-8.893 6.994L8.75 17.754c.002.51.025.995.059 1.437a2.146 2.146 0 0 0 2 2c.442.034.927.057 1.437.059m2.724-9.28a.75.75 0 0 1 1.06 0l.47.47l.47-.47a.75.75 0 0 1 1.06 1.06l-.47.47l.47.47a.75.75 0 0 1-1.06 1.06l-.47-.47l-.44.44l.47.47a.75.75 0 0 1-1.06 1.06l-.47-.47l-.44.44l.47.47a.75.75 0 0 1-1.06 1.06l-.47-.47l-.47.47a.75.75 0 0 1-1.06-1.06l.47-.47l-.47-.47a.75.75 0 1 1 1.06-1.06l.47.47l.44-.44l-.47-.47a.75.75 0 1 1 1.06-1.06l.47.47l.44-.44l-.47-.47a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>Balls アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:balls" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:balls" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:balls" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--balls]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:balls"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:balls"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/balls.svg" alt="Balls アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Balls アイコン
Balls アイコン のよくある質問
Balls アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Balls アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:balls" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Balls アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/balls.svg" alt="Balls アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。