Football アイコン

circum:football

Football アイコン(circum:football)は、Circum Icons セットの無料 SVG アイコンです（作者: Klarr Agency）。 24 × 24 のグリッドで描かれています。 Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Circum Icons
作者: Klarr Agency
ライセンス: MPL-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.278 4.757a1.64 1.64 0 0 0-1.03-1.04a12.248 12.248 0 0 0-15.53 15.53a1.64 1.64 0 0 0 1.04 1.03a12.3 12.3 0 0 0 3.95.66a12.262 12.262 0 0 0 11.57-16.18m-15.2 14.58a.73.73 0 0 1-.42-.42a11.4 11.4 0 0 1-.58-4.26l5.26 5.26a11.4 11.4 0 0 1-4.26-.58m11.56-2.71a11.2 11.2 0 0 1-6.03 3.14l-6.38-6.38a11.1 11.1 0 0 1 3.14-6.02a11.2 11.2 0 0 1 6.03-3.15l6.38 6.38a11.25 11.25 0 0 1-3.14 6.03m3.29-7.3l-5.26-5.26c.21 0 .41-.01.62-.01a11.2 11.2 0 0 1 3.63.61a.68.68 0 0 1 .42.41a11.5 11.5 0 0 1 .59 4.25"/><path fill="currentColor" d="M10.4 15.257a.5.5 0 0 0 .35.15a.5.5 0 0 0 .36-.15a.5.5 0 0 0 0-.7l-.48-.48l1.37-1.37l.48.48a.52.52 0 0 0 .35.14a.54.54 0 0 0 .36-.14a.513.513 0 0 0 0-.71l-.48-.48l1.37-1.37l.48.48a.5.5 0 0 0 .7-.71l-1.66-1.66a.5.5 0 0 0-.71 0a.5.5 0 0 0 0 .7l.49.49L12 11.3l-.48-.48a.495.495 0 1 0-.7.7l.48.48l-1.37 1.38l-.49-.49a.5.5 0 0 0-.7 0a.5.5 0 0 0 0 .71Z"/></svg>

Football アイコンの使い方

React

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

<Icon icon="circum:football" width="24" />

Vue

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

<template>
  <Icon icon="circum:football" width="24" />
</template>

Svelte

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

<Icon icon="circum:football" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[circum--football]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/circum -->
<div class="i-circum:football"></div>

Web コンポーネント

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

<iconify-icon icon="circum:football"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/circum/football.svg" alt="Football アイコン" width="24" height="24">

他のアイコンセットの Football アイコン

Football アイコンのよくある質問

Football アイコンは商用利用でも無料ですか?

はい。Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

React で Football アイコンを使うには?

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

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

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

Circum Icons をすべて見る →