Ba 4x3 アイコン
flag:ba-4x3
Ba 4x3 アイコン(flag:ba-4x3)は、Flag Icons セットの無料 SVG アイコンです（作者: Panayiotis Lipiridis）。 640 × 480 のグリッドで描かれています。 Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flag Icons
- 作者
- Panayiotis Lipiridis
- ライセンス
- MIT
- サイズ
- 640 × 480
- タグ
- ba4x3
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480"><defs><clipPath id="SVG7yqWtbFV"><path fill-opacity=".7" d="M-85.3 0h682.6v512H-85.3z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#SVG7yqWtbFV)" transform="translate(80)scale(.9375)"><path fill="#009" d="M-85.3 0h682.6v512H-85.3z"/><path fill="#fc0" d="m56.5 0l511 512.3V.3z"/><path fill="#fff" d="M439.9 481.5L412 461.2l-28.6 20.2l10.8-33.2l-28.2-20.5h35l10.8-33.2l10.7 33.3h35l-28 20.7zm81.3 10.4l-35-.1l-10.7-33.3l-10.8 33.2h-35l28.2 20.5l-10.8 33.2l28.6-20.2l28 20.3l-10.5-33zM365.6 384.7l28-20.7l-35-.1l-10.7-33.2l-10.8 33.2l-35-.1l28.2 20.5l-10.8 33.3l28.6-20.3l28 20.4zm-64.3-64.5l28-20.6l-35-.1l-10.7-33.3l-10.9 33.2h-34.9l28.2 20.5l-10.8 33.2l28.6-20.2l27.9 20.3zm-63.7-63.6l28-20.7h-35L220 202.5l-10.8 33.2h-35l28.2 20.4l-10.8 33.3l28.6-20.3l28 20.4l-10.5-33zm-64.4-64.3l28-20.6l-35-.1l-10.7-33.3l-10.9 33.2h-34.9L138 192l-10.8 33.2l28.6-20.2l27.9 20.3l-10.4-33zm-63.6-63.9l27.9-20.7h-35L91.9 74.3L81 107.6H46L74.4 128l-10.9 33.2L92.1 141l27.8 20.4zm-64-64l27.9-20.7h-35L27.9 10.3L17 43.6h-35L10.4 64l-11 33.3L28.1 77l27.8 20.4zm-64-64L9.4-20.3h-35l-10.7-33.3L-47-20.4h-35L-53.7 0l-10.8 33.2L-35.9 13l27.8 20.4z"/></g></svg>Ba 4x3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flag:ba-4x3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flag:ba-4x3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flag:ba-4x3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--ba-4x3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:ba-4x3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flag:ba-4x3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flag/ba-4x3.svg" alt="Ba 4x3 アイコン" width="24" height="24">Flag Icons の関連アイコン
Ba 4x3 アイコン のよくある質問
Ba 4x3 アイコンは商用利用でも無料ですか?
はい。Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ba 4x3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="flag:ba-4x3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ba 4x3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flag/ba-4x3.svg" alt="Ba 4x3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。