ICONYZ
日本語
theSVG Color の Espn アイコン

Espn アイコン

thesvg-color:espn

Espn アイコン(thesvg-color:espn)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 554 × 137 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
554 × 137
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="554" height="137" viewBox="0 0 554 137"><path fill="#e52534" d="M181.064.348c-20.608-.027-34.256 10.836-36.176 27.079a1600 1600 0 0 1-1.384 11.257H411.64s.504-3.957.896-7.133C414.552 15.188 407.6.35 382.312.35v.002S191.928.36 181.064.348M17.424.353l-4.706 38.331h121.6l4.688-38.33H17.422h.002zm408.184 0l-4.696 38.331h131.824s.16-1.386.744-5.898C556.688 7.626 540.456.353 524.784.353zm-6.512 52.926l-10.272 83.656l45.48-.016l10.28-83.624l-45.488-.018zm86.4 0l-10.288 83.656l45.48-.016l10.28-83.624l-45.472-.018zm-494.552.012L.654 136.939h121.592l4.48-36.288l-76.138-.008l1.926-15.648h76.108l3.896-31.702H10.95zm130.776 0c-3.336 21.832 7.592 31.701 23.08 31.701c8.424 0 61.52-.024 61.52-.024l-1.92 15.672l-88.488.008l-4.456 36.288s96.336.032 100.24 0c3.224-.232 25.76-.848 33.432-19.28c2.488-5.984 4.688-27.44 5.304-31.944c3.544-26.16-14.568-32.397-28.832-32.397c-7.864 0-84.352-.024-99.88-.024m141.552 0L273 136.939h45.456l6.4-51.944h57.096c16.192 0 24.896-8.706 26.512-20.397a431 431 0 0 0 1.4-11.305H283.272z"/></svg>

Espn アイコンの使い方

React

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

<Icon icon="thesvg-color:espn" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:espn" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:espn" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--espn]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:espn"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:espn"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/espn.svg" alt="Espn アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコン をすべて見る →