Twotone Sports Basketball アイコン

Q: Twotone Sports Basketball アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ic:twotone-sports-basketball

Twotone Sports Basketball アイコン(ic:twotone-sports-basketball)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: ソーシャル
タグ: athlete、athletic、ball、basketball、entertainment、exercise、game、hobby、social、sports、twotonesports、sportsbasketball、twotonesportsbasketball、sport

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.93 11H11V4.07c-1.73.22-3.29.99-4.5 2.13A8 8 0 0 1 8.93 11m11 0a8.1 8.1 0 0 0-1.16-3.25c-.87.87-1.47 1.99-1.68 3.25zM5.23 7.75A8.1 8.1 0 0 0 4.07 11h2.84a5.97 5.97 0 0 0-1.68-3.25M4.07 13a8.1 8.1 0 0 0 1.16 3.25c.87-.87 1.47-1.99 1.68-3.25zm2.44 4.79A8 8 0 0 0 11 19.93V13H8.93a7.95 7.95 0 0 1-2.42 4.79M17.5 6.2A7.97 7.97 0 0 0 13 4.07V11h2.07a8 8 0 0 1 2.43-4.8m1.27 10.05A7.8 7.8 0 0 0 19.93 13h-2.84c.21 1.26.81 2.38 1.68 3.25M13 13v6.93c1.73-.22 3.29-1 4.49-2.14A7.95 7.95 0 0 1 15.07 13z" opacity=".3"/><path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2M5.23 7.75C6.1 8.62 6.7 9.74 6.91 11H4.07a8.1 8.1 0 0 1 1.16-3.25M4.07 13h2.84a5.97 5.97 0 0 1-1.68 3.25A8.1 8.1 0 0 1 4.07 13M11 19.93c-1.73-.22-3.29-1-4.49-2.14A7.95 7.95 0 0 0 8.93 13H11zM11 11H8.93A8 8 0 0 0 6.5 6.2A8.04 8.04 0 0 1 11 4.07zm8.93 0h-2.84c.21-1.26.81-2.38 1.68-3.25c.6.97 1.01 2.07 1.16 3.25M13 4.07c1.73.22 3.29.99 4.5 2.13a8 8 0 0 0-2.43 4.8H13zm0 15.86V13h2.07a8 8 0 0 0 2.42 4.79A8 8 0 0 1 13 19.93m5.77-3.68A6 6 0 0 1 17.09 13h2.84a8.1 8.1 0 0 1-1.16 3.25"/></svg>

Twotone Sports Basketball アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ic:twotone-sports-basketball" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ic:twotone-sports-basketball" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ic:twotone-sports-basketball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-sports-basketball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-sports-basketball"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ic:twotone-sports-basketball"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-sports-basketball.svg" alt="Twotone Sports Basketball アイコン" width="24" height="24">

Google Material Icons の関連アイコン

Twotone Sports Basketball アイコンのよくある質問

Twotone Sports Basketball アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Twotone Sports Basketball アイコンを使うには?

@iconify/react をインストールして <Icon icon="ic:twotone-sports-basketball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Twotone Sports Basketball アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/twotone-sports-basketball.svg" alt="Twotone Sports Basketball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Google Material Icons をすべて見る →