Balls Duotone アイコン
reicon:balls-duotone
Balls Duotone アイコン(reicon:balls-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="M9.276 2.046a6.49 6.49 0 0 1 4.852 3.204c.54.936.822 1.951.866 2.961c-.987.168-1.972.45-2.868.9A11.5 11.5 0 0 1 10.751 7.2C9.126 4.385 9.276 2.046 9.276 2.046M3.217 12.288l-.028-.04a6.49 6.49 0 0 1-.586-6.486c.66.47 2.362 1.817 3.644 4.038a12 12 0 0 1 .703 1.43q.085.209.16.41c.692 1.9.614 3.278.612 3.314A6.52 6.52 0 0 1 3.65 12.83a7 7 0 0 1-.434-.543" opacity=".3"/><path d="M16.02 8.076c-2.019.194-4.164.8-5.654 2.29S8.27 14 8.076 16.019l5.903 5.904c2.019-.195 4.164-.8 5.654-2.29s2.095-3.635 2.29-5.654z" opacity=".5"/><path fill-rule="evenodd" d="M5.249 2.87a6.47 6.47 0 0 1 4.027-.825s-.15 2.34 1.475 5.154c.44.764.916 1.396 1.375 1.913a6.8 6.8 0 0 0-1.76 1.254c-1.24 1.24-1.867 2.932-2.155 4.628a7 7 0 0 1-.49-.04c.003-.03.082-1.41-.612-3.314a11 11 0 0 0-.577-1.319a12 12 0 0 0-.285-.522a13.2 13.2 0 0 0-3.644-4.037A6.47 6.47 0 0 1 5.249 2.87" clip-rule="evenodd"/><path d="M19.248 8.061a19 19 0 0 0-3.228.016l5.903 5.903c.113-1.17.087-2.296.016-3.228a2.895 2.895 0 0 0-2.691-2.69m-8.496 13.877c.932.071 2.059.097 3.228-.016L8.077 16.02a19 19 0 0 0-.016 3.228a2.895 2.895 0 0 0 2.691 2.69"/><path fill-rule="evenodd" d="M14.96 12.312a.525.525 0 0 1 .742 0l.622.622l.621-.622a.525.525 0 1 1 .743.742l-.622.622l.622.622a.525.525 0 1 1-.742.742l-.622-.621l-.582.581l.622.622a.525.525 0 0 1-.742.742L15 15.742l-.581.582l.621.621a.525.525 0 1 1-.742.743l-.622-.622l-.622.622a.525.525 0 1 1-.742-.742l.622-.622l-.622-.622a.525.525 0 1 1 .742-.742l.622.621l.582-.581l-.622-.622a.525.525 0 0 1 .742-.742l.622.622l.581-.582l-.621-.622a.525.525 0 0 1 0-.742" clip-rule="evenodd"/></g></svg>Balls Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:balls-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:balls-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:balls-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--balls-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:balls-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:balls-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/balls-duotone.svg" alt="Balls Duotone アイコン" width="24" height="24">Reicon の関連アイコン
Balls Duotone アイコン のよくある質問
Balls Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Balls Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:balls-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Balls Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/balls-duotone.svg" alt="Balls Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。