Flag Racing アイコン
andrsrxn:flag-racing
Flag Racing アイコン(andrsrxn:flag-racing)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- andrsrxn/icons
- 作者
- Andrés Raxón
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 交通、スポーツ
- タグ
- flagracing
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M3.12 6.2v1.18c0 1.13 0 1.7.37 2c.36.3.91.19 2.02-.03l1.57-.31c.77-.16 1.15-.23 1.38-.51s.23-.67.23-1.46V5.8c0-1.18 0-1.78-.39-2.08s-.96-.15-2.1.15l-1.58.4c-.72.18-1.08.28-1.29.55s-.21.64-.21 1.39m12.08 5.98v1.58c0 1.12 0 1.68-.37 1.98c-.36.3-.91.2-2.01-.02l-2.1-.4c-.77-.16-1.15-.23-1.38-.5c-.23-.29-.23-.68-.23-1.47v-1.7c0-1.18 0-1.77.39-2.07c.38-.3.95-.16 2.1.13l2.09.53c.72.18 1.09.27 1.3.55c.2.27.2.64.2 1.39m.22-5.99v1.18c0 1.13 0 1.7.37 2c.36.3.92.19 2.02-.03l1.57-.31c.77-.16 1.16-.23 1.38-.51c.23-.28.23-.67.23-1.46V5.8c0-1.18 0-1.78-.39-2.08c-.38-.3-.96-.15-2.1.15l-1.57.4c-.73.18-1.09.28-1.3.55s-.2.64-.2 1.39" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.12 4.69s1.84-1.26 4.89-1.26S11.97 4.8 15 4.8c1.63 0 3.26-.54 4.4-1.03c.77-.33 1.15-.5 1.38-.35s.22.55.22 1.34v9.2c0 .28 0 .43-.08.55s-.2.18-.45.28c-.9.39-2.86 1.08-5.46 1.08c-3.6 0-4.03-1.03-7-1.03s-4.89 1.1-4.89 1.1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.12 10.14s1.84-1.26 4.89-1.26s3.96 1.38 6.99 1.38c3.02 0 6-1.83 6-1.83M3.12 1.87V22.4M9 3.52v11.26m6.29-9.97v10.9"/></g></svg>Flag Racing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:flag-racing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:flag-racing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:flag-racing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--flag-racing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:flag-racing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:flag-racing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/flag-racing.svg" alt="Flag Racing アイコン" width="24" height="24">andrsrxn/icons の関連アイコン
Flag Racing アイコン のよくある質問
Flag Racing アイコンは商用利用でも無料ですか?
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flag Racing アイコンを使うには?
@iconify/react をインストールして <Icon icon="andrsrxn:flag-racing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flag Racing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/flag-racing.svg" alt="Flag Racing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。