Flag Checkered Light アイコン

Q: Flag Checkered Light アイコンは商用利用でも無料ですか?

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

ph:flag-checkered-light

Flag Checkered Light アイコン(ph:flag-checkered-light)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Phosphor
作者: Phosphor Icons
ライセンス: MIT
サイズ: 256 × 256
タグ: flags、race、racing、finish line、flagcheckered、checkeredlight、flagcheckeredlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M226.49 50.5a6 6 0 0 0-6.42.92c-29 25.11-53.28 13.08-81.41-.84c-27.92-13.82-59.57-29.49-94.59.84A6 6 0 0 0 42 56v168a6 6 0 0 0 12 0v-45.22c28.08-22.79 51.88-11 79.34 2.59c27.92 13.82 59.58 29.48 94.59-.85A6 6 0 0 0 230 176V56a6 6 0 0 0-3.51-5.5M218 68v45.2c-15.53 12.6-29.75 14.65-44 11.65V76.88c14 2.45 28.64.9 44-8.88m-56 5.87v47.4c-7.6-2.85-15.31-6.66-23.34-10.64c-9.16-4.53-18.71-9.26-28.66-12.5V50.71a255 255 0 0 1 23.34 10.63c9.16 4.53 18.71 9.25 28.66 12.49ZM98 47.13V95c-14-2.45-28.64-.89-44 8.93V58.75c15.53-12.6 29.75-14.62 44-11.62M86.63 154c-10.5 0-21.39 2.79-32.63 10v-45.21c15.53-12.61 29.75-14.65 44-11.65v47.93A66.3 66.3 0 0 0 86.63 154m23.37 4.11v-47.39c7.6 2.84 15.31 6.66 23.34 10.63c9.16 4.53 18.71 9.26 28.66 12.5v47.39c-7.6-2.85-15.31-6.66-23.34-10.63c-9.16-4.54-18.66-9.26-28.66-12.5m64 26.7v-47.92a66.3 66.3 0 0 0 11.37 1c10.5 0 21.39-2.78 32.63-10v45.24c-15.53 12.66-29.75 14.68-44 11.68"/></svg>

Flag Checkered Light アイコンの使い方

React

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

<Icon icon="ph:flag-checkered-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:flag-checkered-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:flag-checkered-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--flag-checkered-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:flag-checkered-light"></div>

Web コンポーネント

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

<iconify-icon icon="ph:flag-checkered-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/flag-checkered-light.svg" alt="Flag Checkered Light アイコン" width="24" height="24">

Phosphor の関連アイコン

Flag Checkered Light アイコンのよくある質問

Flag Checkered Light アイコンは商用利用でも無料ですか?

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

React で Flag Checkered Light アイコンを使うには?

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

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

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

Phosphor アイコンをすべて見る →