American Football Line アイコン
mingcute:american-football-line
American Football Line アイコン(mingcute:american-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
- タグ
- americanfootball、footballline、americanfootballline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 9a1 1 0 1 0-2 0zm-2 6a1 1 0 1 0 2 0zm0-6a1 1 0 1 0 0 2zm2 2a1 1 0 1 0 0-2zm-2 2a1 1 0 1 0 0 2zm2 2a1 1 0 1 0 0-2zm5-3h-1c0 2.22-.897 4.262-2.043 5.755c-.572.745-1.186 1.328-1.746 1.716c-.586.407-1.008.529-1.211.529v2c.797 0 1.625-.382 2.351-.886c.753-.522 1.514-1.257 2.192-2.141C17.897 17.209 19 14.75 19 12zm-6 9v-1c-.203 0-.625-.122-1.211-.529c-.56-.388-1.174-.971-1.746-1.716C7.897 16.262 7 14.22 7 12H5c0 2.75 1.103 5.209 2.457 6.973c.678.884 1.439 1.619 2.192 2.141c.726.504 1.554.886 2.351.886zm-6-9h1c0-2.22.897-4.262 2.043-5.755c.572-.745 1.186-1.328 1.746-1.716C11.375 4.122 11.797 4 12 4V2c-.797 0-1.625.382-2.351.886c-.753.522-1.514 1.257-2.192 2.141C6.103 6.791 5 9.25 5 12zm6-9v1c.203 0 .625.122 1.211.529c.56.388 1.174.971 1.746 1.716C16.103 7.738 17 9.78 17 12h2c0-2.75-1.103-5.209-2.457-6.973c-.678-.884-1.439-1.619-2.192-2.141C13.625 2.382 12.797 2 12 2zm0 6h-1v6h2V9zm-1 1v1h2V9h-2zm0 4v1h2v-2h-2zm1-8V5a3 3 0 0 1-2.25-1.016L9 4.646l-.75.662A5 5 0 0 0 12 7zm3-1.354l-.75-.662A3 3 0 0 1 12 5v2a5 5 0 0 0 3.75-1.692zM9 19.354l.75.662A3 3 0 0 1 12 19v-2a5 5 0 0 0-3.75 1.692zM12 18v1c.896 0 1.7.391 2.25 1.016l.75-.662l.75-.662A5 5 0 0 0 12 17z"/></svg>American Football Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:american-football-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:american-football-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:american-football-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--american-football-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:american-football-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:american-football-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/american-football-line.svg" alt="American Football Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
American Football Line アイコン のよくある質問
American Football Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で American Football Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:american-football-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
American Football Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/american-football-line.svg" alt="American Football Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。