Soccer Ball Sharp Duotone アイコン

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

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

keyline-icons:soccer-ball-sharp-duotone

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

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

SVG をダウンロード

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" fill-rule="evenodd" d="M18.6575 4.5381L15.7479 8.5427L14.1299 7.3671L17.0403 3.3613C17.6172 3.6987 18.159 4.0929 18.6575 4.5381ZM21.5813 14.8723L21.4386 15.3118C21.3537 15.5536 21.2596 15.792 21.1563 16.0265L16.4463 14.4961L17.0643 12.594L21.7739 14.1243C21.7194 14.376 21.6552 14.6256 21.5813 14.8723ZM11 21.9506L11 17L13 17L13 21.9506C12.6677 21.9835 12.3339 22 12 22C11.6661 22 11.3323 21.9835 11 21.9506ZM2.5614 15.3118L2.4187 14.8723C2.3448 14.6256 2.2806 14.376 2.2261 14.1243L6.9357 12.594L7.5537 14.4961L2.8437 16.0265C2.7404 15.792 2.6463 15.5536 2.5614 15.3118ZM6.9597 3.3613L9.8701 7.3671L8.2521 8.5427L5.3425 4.5381C5.841 4.0929 6.3828 3.6987 6.9597 3.3613Z" clip-rule="evenodd" 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 12ZM14.9389 7.9549L16.7553 13.5451L12 17L7.2447 13.5451L9.0611 7.9549L14.9389 7.9549Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:soccer-ball-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:soccer-ball-sharp-duotone"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →