Football Line アイコン
mingcute:football-line
Football Line アイコン(mingcute:football-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- footballline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.204 15.034v1a1 1 0 0 0 .951-.691zm-4.408 0l-.951.309a1 1 0 0 0 .95.69zM12 8.25l-.588.809l3.567 2.591l.588-.809l.587-.809l-3.566-2.591zm3.566 2.591l-.95-.309l-1.363 4.193l.951.309l.951.309l1.362-4.193zm-1.362 4.193v-1H9.796v2h4.408zm-4.408 0l.95-.31l-1.361-4.192l-.951.31l-.951.308l1.362 4.193zM8.434 10.84l.587.81l3.567-2.592L12 8.25l-.588-.809l-3.566 2.591zM21 12h-1a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zm-9 9v-1a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm-9-9h1a8 8 0 0 1 8-8V2C6.477 2 2 6.477 2 12zm9-9v1a8 8 0 0 1 8 8h2c0-5.523-4.477-10-10-10zm0 3h-1v2.25h2V6zM8.72 3.617l-.588.809l3.28 2.383L12 6l.588-.809l-3.28-2.383zM12 6l.588.809l3.28-2.383l-.588-.81l-.587-.808l-3.28 2.383zm5.706 4.146l-.309-.951l-2.14.695l.31.951l.309.951l2.14-.695zm1.253-3.857l-.95-.309l-1.254 3.857l.951.309l.951.309l1.253-3.857zm-1.253 3.857l-.587.809l3.28 2.383l.588-.809l.588-.809l-3.28-2.383zm-2.18 6.708l.81-.588l-1.322-1.82l-.81.589l-.808.587l1.322 1.82zm4.056 0v-1h-4.055v2h4.055zm-4.055 0l-.951-.309l-1.253 3.856l.95.31l.952.309l1.253-3.857zm-7.054 0l.81.588l1.321-1.82l-.809-.587l-.809-.588l-1.322 1.82zm1.253 3.857l.951-.31l-1.253-3.856l-.95.31l-.952.308l1.253 3.857zm-1.253-3.857v-1H4.418v2h4.055zm-2.18-6.708l-.308.951l2.14.695l.309-.95l.309-.952l-2.14-.695zm-3.28 2.383l.588.81l3.28-2.384l-.587-.809l-.588-.809l-3.28 2.383zm3.28-2.383l.952-.309l-1.253-3.856l-.951.309l-.951.309l1.253 3.856z"/></svg>Football Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:football-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:football-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:football-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--football-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:football-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:football-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/football-line.svg" alt="Football Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
他のアイコンセットの Football Line アイコン
Football Line アイコン のよくある質問
Football Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Football Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:football-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Football Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/football-line.svg" alt="Football Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。