Soccer Ball Sharp Fill アイコン

Q: Soccer Ball Sharp Fill アイコンは商用利用でも無料ですか?

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

keyline-icons:soccer-ball-sharp-fill

Soccer Ball Sharp Fill アイコン(keyline-icons:soccer-ball-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: soccerball、ballsharp、sharpfill、soccerballsharpfill

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="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM18.0664 5.3517C17.5726 4.9007 17.0302 4.506 16.4492 4.1749L14.4294 6.9549L9.5706 6.9549L7.5508 4.1749C6.9698 4.506 6.4274 4.9007 5.9336 5.3517L7.9526 8.1305L6.4511 12.7515L3.1828 13.8134C3.3168 14.4686 3.524 15.1067 3.8004 15.7157L7.0691 14.6536L11 17.5095L11 20.9451C11.3321 20.9817 11.6659 21 12 21C12.3341 21 12.6679 20.9817 13 20.9451L13 17.5095L16.9309 14.6536L20.1996 15.7157C20.476 15.1067 20.6832 14.4686 20.8172 13.8134L17.5489 12.7515L16.0474 8.1305L18.0664 5.3517ZM14.2117 8.9559L15.5785 13.1627L12 15.7627L8.4215 13.1627L9.7883 8.9559L14.2117 8.9559Z" clip-rule="evenodd"/></svg>

Soccer Ball Sharp Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:soccer-ball-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:soccer-ball-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:soccer-ball-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--soccer-ball-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:soccer-ball-sharp-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:soccer-ball-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-fill.svg" alt="Soccer Ball Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Soccer Ball Sharp Fill アイコンのよくある質問

Soccer Ball Sharp Fill アイコンは商用利用でも無料ですか?

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

React で Soccer Ball Sharp Fill アイコンを使うには?

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

Soccer Ball Sharp Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-fill.svg" alt="Soccer Ball Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →