Chequered Flag アイコン
fluent-emoji-high-contrast:chequered-flag
Chequered Flag アイコン(fluent-emoji-high-contrast:chequered-flag)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旗
- タグ
- chequeredflag
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m21.06 13.355l1.7.786l.78-1.688l-1.699-.786l.781-1.688l1.7.786l.78-1.689l-1.7-.786l-.78 1.689l-1.7-.786l-.78 1.688l1.7.786zm0 0l-1.699-.786l-.78 1.688l1.699.786zM5.91 15.713l.782 1.688l-1.7.786l-.78-1.689zm1.562 3.376l.781 1.688l-1.7.786l-.78-1.688zm1.975-9.11l-1.7.786l-.78-1.689l1.7-.786zm0 0l.78 1.688l1.7-.786l-.78-1.688zm1.562 3.376l1.699-.786l.78 1.688l-1.699.786zm15.287 6.52l-.78 1.688l-1.7-.786l.78-1.688z"/><path d="M10.096 4.272a.5.5 0 0 1 .665.241l.122.26a1.4 1.4 0 0 1 1.565.77l3.587 7.593l3.588-7.593a1.4 1.4 0 0 1 1.572-.769l.123-.26a.5.5 0 1 1 .906.422l-.107.23l4.793 2.211a2 2 0 0 1 .991 2.624l-.503 1.14l2.128.952a2 2 0 0 1 1.009 2.642l-3.319 7.419a2 2 0 0 1-2.642 1.009l-3.416-1.528a1.4 1.4 0 0 1-.706-1.85l.701-1.568l-.64-.3l.005-.008l-3.57-1.679l-.357.763l4.705 10.07a.5.5 0 1 1-.906.424l-4.35-9.312l-4.351 9.312a.5.5 0 0 1-.906-.423l4.704-10.07l-.358-.767l-4.209 1.98l.707 1.578a1.4 1.4 0 0 1-.707 1.85l-3.416 1.528a2 2 0 0 1-2.642-1.01l-3.318-7.418a2 2 0 0 1 1.009-2.642l2.12-.949l-.504-1.143a2 2 0 0 1-.144-.481l-.013-.03l.008-.003a2 2 0 0 1 1.14-2.11l4.8-2.214l-.105-.227a.5.5 0 0 1 .241-.664m12.878 13.691l.642-1.377l-1.637-.757l-.631 1.365l1.122.528l-.002.005zm-2.694-2.92l1.7.786l.78-1.688l1.641.759l.785-1.686l-1.645-.761l.78-1.688l1.651.763l.785-1.686l-1.655-.766l.562-1.172l-1.722-.795l-.54 1.181l-1.699-.786l.535-1.18l-1.182-.546a.4.4 0 0 0-.53.192l-.383.813l1.56.721l-.78 1.689l-1.575-.728l-.794 1.681l1.588.735l-.78 1.688l-1.603-.74l-.795 1.68l1.616.748l-.62 1.344l1.693.797zM4.368 12.376l.762 1.648l.817-.378l-.761-1.635zm1.543 3.337l-.78-1.689l-1.7.786l-.749-1.618a1 1 0 0 0-.226 1.135l.347.774l.628-.29l.78 1.688l-.649.3l.76 1.698l.67-.31l.781 1.688l-.692.32l.694 1.55q.033.076.077.142l.702-.324l.347.751l-.014.003a1 1 0 0 0 .21-.067l1.522-.681l-.366-.792l.836-.387l-.785-1.686l-.832.385l-.78-1.688l.826-.383l-.785-1.686zm1.73-.8l1.668-.772l-.78-1.688l-1.674.774zm3.368-1.558l-1.7.786l.781 1.688l-1.664.77l.636 1.364l1.657-.774l-.629-1.36l1.7-.786l.626 1.355l1.707-.797l-.634-1.344l1.617-.748l-.795-1.681l-1.603.741l-.781-1.688l1.59-.735l-.795-1.682l-1.576.729l-.78-1.689l1.561-.722l-.384-.812a.4.4 0 0 0-.529-.192l-1.193.55l.545 1.176l-1.7.786l-.544-1.178l-1.7.785l.545 1.18l-1.683.778l.786 1.686l1.678-.777l.78 1.689l1.7-.786zM9.997 19.97l.379.812l.136-.06a.4.4 0 0 0 .202-.53l-.206-.459zm15.312-4.651l-.786 1.686l.855.395l.78-1.688zm1.768 2.867l-1.7-.786l-.78 1.688l-.86-.397l-.785 1.686l.864.4l-.365.787l1.531.685a1 1 0 0 0 .187.063l.346-.75l.723.332l.758-1.694l-.172-.082l-.528-.244zm.78-1.689l-.78 1.689l.574.265l.105.048l.76-1.7l-.008-.003l-.001.002l-.233-.108l-.019-.008zm.781-1.688l-1.699-.786l-.78 1.689l1.699.786zm0 0l.558.258l.079.036l.347-.777a1 1 0 0 0-.233-1.142l-.002.007l-.012.025l-.11.25l-.004-.003zm-1.699-.786l.634-1.371h-.001l.13-.28l-.844-.378l-.764 1.639zm-5.271 6.743l.377-.81l-.477-.22l-.203.457a.4.4 0 0 0 .201.528z"/></g></svg>Chequered Flag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:chequered-flag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:chequered-flag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:chequered-flag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--chequered-flag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:chequered-flag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:chequered-flag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/chequered-flag.svg" alt="Chequered Flag アイコン" width="24" height="24">他のアイコンセットの Chequered Flag アイコン
Chequered Flag アイコン のよくある質問
Chequered Flag アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chequered Flag アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:chequered-flag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chequered Flag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/chequered-flag.svg" alt="Chequered Flag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。