Basketball Sharp Duotone アイコン
keyline-icons:basketball-sharp-duotone
Basketball Sharp Duotone アイコン(keyline-icons:basketball-sharp-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- basketballsharp、sharpduotone、basketballsharpduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M21.9506 13L18.0435 13C18.2057 14.8602 18.818 16.653 19.8276 18.2239C19.6123 18.4942 19.3833 18.7533 19.1413 19.0001L18.3126 19.5595C16.9957 17.6085 16.2113 15.3474 16.037 13L13 13L13 21.9506C12.6677 21.9835 12.3339 22 12 22C11.6661 22 11.3323 21.9835 11 21.9506L11 13L7.963 13C7.7887 15.3474 7.0043 17.6085 5.6874 19.5595L4.8587 19.0001C4.6167 18.7533 4.3877 18.4942 4.1724 18.2239C5.182 16.653 5.7943 14.8602 5.9565 13L2.0494 13C2.0165 12.6677 2 12.3339 2 12C2 11.6661 2.0165 11.3323 2.0494 11L5.9565 11C5.7943 9.1398 5.182 7.347 4.1724 5.7761C4.3877 5.5058 4.6167 5.2467 4.8587 4.9999L5.6874 4.4405C7.0043 6.3915 7.7887 8.6526 7.963 11L11 11L11 2.0494C11.3323 2.0165 11.6661 2 12 2C12.3339 2 12.6677 2.0165 13 2.0494L13 11L16.037 11C16.2113 8.6526 16.9957 6.3915 18.3126 4.4405L19.1413 4.9999C19.3833 5.2467 19.6123 5.5058 19.8276 5.7761C18.818 7.347 18.2057 9.1398 18.0435 11L21.9506 11C21.9835 11.3323 22 11.6661 22 12C22 12.3339 21.9835 12.6677 21.9506 13Z" stroke="none"/><path d="M22 12C22 17.5228 17.5228 22 12 22C6.4772 22 2 17.5228 2 12C2 6.4772 6.4772 2 12 2C17.5228 2 22 6.4772 22 12Z"/></g></svg>Basketball Sharp Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:basketball-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:basketball-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:basketball-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--basketball-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:basketball-sharp-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:basketball-sharp-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/basketball-sharp-duotone.svg" alt="Basketball Sharp Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
Basketball Sharp Duotone アイコン のよくある質問
Basketball Sharp Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Basketball Sharp Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:basketball-sharp-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Basketball Sharp Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/basketball-sharp-duotone.svg" alt="Basketball Sharp Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。