Pg 4x3 アイコン
flag:pg-4x3
Pg 4x3 アイコン(flag:pg-4x3)は、Flag Icons セットの無料 SVG アイコンです（作者: Panayiotis Lipiridis）。 640 × 480 のグリッドで描かれています。 Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flag Icons
- 作者
- Panayiotis Lipiridis
- ライセンス
- MIT
- サイズ
- 640 × 480
- タグ
- pg4x3
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480"><g fill-rule="evenodd"><path fill="#000001" d="m1.6 0l-.5 480h640z"/><path fill="red" d="m640.6 480l.5-480H1.1z"/></g><path fill="#fc0" stroke="#fc0" stroke-width="1.1" d="m178 54l-3.8-.2c-1.2-2.8-4.5-3.8-6.6-2.6L156 51l7.1 3.1C165 59 171 60 171 60c-.6 8.8-8.9-1.1-15.9 3.9c-5 3-5 6.5-7.7 12.3c-.9 1.6-4.4 5.8-4.4 5.8l5.9-.5L147 84l7-1l-1.5 1.4c1 .2 8-1.7 8-1.7L160 85l8-2.9s1.6 1.3 3 1.9l1-4l4 1l1-4c6 8 8 16 19 18l-1-4l8.7 4l.9-1.7c4.8 3.4 8.7 3.3 11.4 3.7l-2-5l2 1l-3-8l3 1l-4-6l1.5-1l-.5-3c6 2 14 5 15 12c1 11-11 14-19 13c6 5 17 3 22-2c2-2 3-5 4-8c1 3 3 7 3 11c-1 9-13 12-21 13c9 5 25-1 26-14c0-11-7-16-10-21l-1-5.4l3 1.4s-1.8-3.3-2-4c0 0-3.1-8.5-4.2-10.4l2.2.4l-8.2-10.3l2.3-.2S215.6 44 213 43l3-1c-6-3-13-1-19 3l1-3l-1.8.2v-3.5L198 36l-3-1l2-5l-3 1l1-5s-2.2 1-3.6.9l1.6-3.4c-1-1.5 0-4.5 0-4.5c-7 1-8 2-12 8c-6 11-4 16-3 27z" transform="matrix(2.21989 0 0 2.21194 1.1 0)"/><path fill="red" fill-rule="evenodd" stroke="red" stroke-width="1.4" d="M215.8 70.4c.5.9 6.2 3.6 10.4 6c-1.1-4.6-9.4-5.6-10.4-6z" transform="matrix(2.21989 0 0 2.21194 1.1 0)"/><path fill="#fff" fill-rule="evenodd" d="m175 399l-14.2-9l-19 9.1l4.3-16.2l-14.5-15.1l16.7-1l10-18.4l6.1 15.5l20.7 3.8l-13 10.6zm36.2-79l-6.6-3l-6.3 3.6l1-7.2l-5.4-4.9l7.1-1.3l3-6.6l3.5 6.4l7.2.8l-5 5.2zm32-45.2l-14.5-7l-13.9 7.8l2.3-15.7l-11.8-10.8l15.7-2.8l6.6-14.4l7.6 14l15.8 1.8l-11 11.5zm-65.8-63l-17-8.5l-16.5 9.1l2.8-18.6l-13.8-13l18.7-3l8-17l8.7 16.7l18.8 2.3l-13.3 13.4zm-60.8 65.4l-17-10l-17 10.3l4.3-19.3l-15.1-13l19.7-1.8l7.7-18.3l7.9 18.2l19.8 1.6l-14.9 13z"/></svg>Pg 4x3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flag:pg-4x3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flag:pg-4x3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flag:pg-4x3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--pg-4x3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:pg-4x3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flag:pg-4x3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flag/pg-4x3.svg" alt="Pg 4x3 アイコン" width="24" height="24">Flag Icons の関連アイコン
Pg 4x3 アイコン のよくある質問
Pg 4x3 アイコンは商用利用でも無料ですか?
はい。Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pg 4x3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="flag:pg-4x3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pg 4x3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flag/pg-4x3.svg" alt="Pg 4x3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。