Ao 4x3 アイコン
flag:ao-4x3
Ao 4x3 アイコン(flag:ao-4x3)は、Flag Icons セットの無料 SVG アイコンです（作者: Panayiotis Lipiridis）。 640 × 480 のグリッドで描かれています。 Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flag Icons
- 作者
- Panayiotis Lipiridis
- ライセンス
- MIT
- サイズ
- 640 × 480
- タグ
- ao4x3
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="red" d="M0 0h640v243.6H0z"/><path fill="#000001" d="M0 236.4h640V480H0z"/></g><path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4c22.2-58.8-7.6-141.5-92.6-150z"/><path fill="#ffec00" fill-rule="evenodd" d="m170 330.8l21.7 10.1l-10.2 21.8l-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6l8.7 22.3l-22.3 8.7zm-26-29.1l17.1-16.9l16.9 17l-17 16.9zm-26.2-39.8l22.4 8.4l-8.5 22.4l-22.4-8.4zM316 270l22.3 8.9l-9 22.2l-22.2-8.9zm-69.9 70l22-9.3l9.5 22l-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15l-20.3 14.6l8-23l-20.3-15h24.5l8.5-22.6l7.8 22.7l24.7-.3l-19.6 15.3z"/><path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a8 8 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1c-11-8-22.9-14-35.4-21.3"/><path fill="#000001" fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0m10.9 7a4.3 4.3 0 1 1-8.7 0a4.3 4.3 0 0 1 8.7 0"/><path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8c-18.7-11.7-19.6-33.4-7-49.9c1.2-2.3 2.8-1.8 3.4-.5c1.5 8 6 16.3 11.4 21.5A5288 5288 0 0 1 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fill-rule="evenodd" d="m297.2 305.5l17.8 16l-16 17.8l-17.8-16z"/><path fill="none" stroke="#000" stroke-width="3" d="m331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>Ao 4x3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flag:ao-4x3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flag:ao-4x3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flag:ao-4x3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--ao-4x3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:ao-4x3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flag:ao-4x3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flag/ao-4x3.svg" alt="Ao 4x3 アイコン" width="24" height="24">Flag Icons の関連アイコン
Ao 4x3 アイコン のよくある質問
Ao 4x3 アイコンは商用利用でも無料ですか?
はい。Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ao 4x3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="flag:ao-4x3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ao 4x3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flag/ao-4x3.svg" alt="Ao 4x3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。