ICONYZ
日本語
Google Material Icons の Twotone Sports Football アイコン

Twotone Sports Football アイコン

ic:twotone-sports-football

Twotone Sports Football アイコン(ic:twotone-sports-football)は、Google Material Icons セットの無料 SVG アイコンです(作者: Material Design Authors)。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Google Material Icons
作者
Material Design Authors
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ソーシャル
タグ
athlete、athletic、ball、entertainment、exercise、football、game、hobby、social、sports、twotonesports、sportsfootball、twotonesportsfootball、sport
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.26 5c-.35 0-.8.01-1.33.06l4.03 4.03c.14-1.63.01-3.07-.17-3.86c-.51-.11-1.39-.23-2.53-.23M5.21 18.77c.51.11 1.39.23 2.53.23c.34 0 .79-.01 1.3-.05l-4.01-4.01c-.12 1.62 0 3.04.18 3.83m2.66-10.9c-1.28 1.28-2.03 2.97-2.45 4.65l6.04 6.04c1.6-.39 3.33-1.11 4.66-2.44c1.28-1.28 2.03-2.95 2.44-4.63l-6.05-6.05c-1.59.39-3.31 1.11-4.64 2.43M15.5 9.9l-5.6 5.6l-1.4-1.4l5.6-5.6z" opacity=".3"/><path fill="currentColor" d="M20.31 3.69c-.32-.33-1.94-.69-4.05-.69c-3.03 0-7.09.75-9.8 3.46c-4.59 4.59-3.56 13.06-2.77 13.85c.32.33 1.94.69 4.05.69c3.03 0 7.09-.75 9.8-3.46c4.59-4.59 3.56-13.06 2.77-13.85M7.74 19c-1.14 0-2.02-.12-2.53-.23c-.18-.79-.3-2.21-.17-3.83l4.01 4.01c-.52.04-.97.05-1.31.05m8.39-2.87c-1.33 1.33-3.06 2.05-4.66 2.44l-6.04-6.04c.42-1.68 1.16-3.37 2.45-4.65c1.32-1.32 3.05-2.04 4.64-2.43l6.05 6.05c-.42 1.67-1.17 3.35-2.44 4.63m2.83-7.04l-4.03-4.03c.52-.05.98-.06 1.33-.06c1.14 0 2.02.12 2.53.23c.18.79.3 2.22.17 3.86"/><path fill="currentColor" d="m8.5 14.1l5.6-5.6l1.4 1.4l-5.6 5.6z"/></svg>

Twotone Sports Football アイコンの使い方

React

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

<Icon icon="ic:twotone-sports-football" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-sports-football" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-sports-football" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ic:twotone-sports-football"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-sports-football.svg" alt="Twotone Sports Football アイコン" width="24" height="24">

Google Material Icons の関連アイコン

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

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

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

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

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

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

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

Google Material Icons をすべて見る →