Raceflag アイコン
whh:raceflag
Raceflag アイコン(whh:raceflag)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1025 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1025 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M1024.488 704q-8-8-23-17q-1-1-7-4q-11-6-22-11q-6-3-8-3q-31-13-68-21V515q73 10 128 61zm-204-192q-23 0-52 3V387q29-3 52-3q50 0 76 3v128q-25-3-76-3m-52-253V131q29-3 52-3q51 0 76 3v128q-25-3-76-3q-23 0-52 3m-256 79V210q95-39 128-50v128q-31 10-128 50m-177 46q-38 0-79-8V248q41 8 79 8q22 0 49-5v128q-27 5-49 5m-207-64q43 39 128 56v128q-86-17-128-56v128q43 39 128 56v133q-14-2-29-6q-2 0-5-1t-3-2q-11-3-21-7q-6-2-10-4q-10-5-21-12q-8-5-9-5q-17-12-30-24v256q0 26-19 45t-45.5 19t-45-19t-18.5-45V64q0-27 18.5-45.5t45-18.5t45.5 18.5t19 45.5q9 9 24 18q1 0 2.5 1l3 2l2.5 1q10 6 21 11q5 2 8 4q15 5 28 9l3 1q17 5 36 9v128q-85-17-128-56zm207 192q22 0 49-5v128q-27 5-49 5q-38 0-79-8V504q41 8 79 8m305-96v128q-32 11-128 50V466q95-39 128-50m0-128q67-22 128-29v128q-61 7-128 29zm-256 219V379q48-8 128-41v128q-80 33-128 41m384 136q-62 6-128 28V544q67-22 128-29zm-256 78q-15 6-28 11q-3 1-7 3q-11 4-25 9l-6 2q-17 6-30 9q-17 5-32 8V635q48-8 128-41zm-128-598q40-7 95-28l1-.5l2-.5q16-6 30-12v128q-80 33-128 41zm256-91q67-22 128-29v128q-61 7-128 29zm285-23q2 0 4.5 1t3.5 1q11 3 22 8q4 2 9 4q10 5 21 12q8 5 9 5q17 12 30 24v128q-55-51-128-61V3q14 2 29 6m99 311v128q-55-51-128-61V259q73 10 128 61m-204-320h2z"/></svg>Raceflag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:raceflag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:raceflag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:raceflag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--raceflag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:raceflag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:raceflag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/raceflag.svg" alt="Raceflag アイコン" width="24" height="24">Raceflag アイコン のよくある質問
Raceflag アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Raceflag アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:raceflag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Raceflag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/raceflag.svg" alt="Raceflag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。