Tw 4x3 アイコン

Q: Tw 4x3 アイコンは商用利用でも無料ですか?

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

flag:tw-4x3

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

アイコンセット: Flag Icons
作者: Panayiotis Lipiridis
ライセンス: MIT
サイズ: 640 × 480
タグ: tw4x3

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480"><clipPath id="SVGxz7d9dch"><path d="M0 0h640v480H0z"/></clipPath><g clip-path="url(#SVGxz7d9dch)"><path fill="red" d="M0 0h720v480H0z"/><path fill="#000095" d="M0 0h360v240H0z"/><g fill="#fff"><path d="m154 126.9l-2.5 9.6l9.4 2.6l-1.8-7.1zm46.9 5.1l-1.8 7.1l9.4-2.6l-2.5-9.6zm-41.8-24l-5.1 5.1l1.9 6.9z"/><path d="m155.9 120l-1.9 6.9l5.1 5.1z"/><path d="m154 113.1l-6.9 6.9l6.9 6.9l1.9-6.9zm14 27.8l5.1 5.1l6.9-1.9zm18.9 5.1l9.6 2.5l2.6-9.4l-7.1 1.8z"/><path d="m192 140.9l7.1-1.8l1.8-7.1zm-31.1-1.8l2.6 9.4l9.6-2.5l-5.1-5.1zm19.1 5l6.9 1.9l5.1-5.1z"/><path d="m173.1 146l6.9 6.9l6.9-6.9l-6.9-1.9zm-12.2-45.1l-9.4 2.6l2.5 9.6l5.1-5.1zm-1.8 31.1l1.8 7.1l7.1 1.8zm45-12l1.9-6.9l-5.1-5.1z"/><path d="m168 99.1l-7.1 1.8l-1.8 7.1zm32.9 8.9l-1.8-7.1l-7.1-1.8zm5.1 18.9l6.9-6.9l-6.9-6.9l-1.9 6.9z"/><path d="m200.9 108l-8.9-8.9l-12-3.2l-12 3.2l-8.9 8.9l-3.2 12l3.2 12l8.9 8.9l12 3.2l12-3.2l8.9-8.9l3.2-12z"/><path d="m200.9 132l5.1-5.1l-1.9-6.9zm5.1-18.9l2.5-9.6l-9.4-2.6l1.8 7.1zm-6.9-12.2l-2.6-9.4l-9.6 2.5l5.1 5.1zm-26-6.9l-9.6-2.5l-2.6 9.4l7.1-1.8zm6.9 1.9l-6.9-1.9l-5.1 5.1z"/><path d="m186.9 94l-6.9-6.9l-6.9 6.9l6.9 1.9z"/><path d="m192 99.1l-5.1-5.1l-6.9 1.9zM173.1 146l-9.6 2.5l4.5 16.6l12-12.2zm-5.1 19.1l12 44.9l12-44.9l-12-12.2zm-7.1-26l-9.4-2.6l-4.4 16.4l16.4-4.4z"/><path d="m147.1 152.9l-12 45.1l32.9-32.9l-4.5-16.6zm-12-20.9L102 165.1l45.1-12.2l4.4-16.4z"/><path d="m154 126.9l-6.9-6.9l-12 12l16.4 4.5zm0-13.8l-2.5-9.6l-16.4 4.5l12 12z"/><path d="M135.1 108L90 120l45.1 12l12-12zm90 24l-16.6 4.5l4.4 16.4l45.1 12.2z"/><path d="m199.1 139.1l-2.6 9.4l16.4 4.4l-4.4-16.4zm-12.2 6.9l-6.9 6.9l12 12.2l4.5-16.6zm19.1-19.1l2.5 9.6l16.6-4.5l-12.2-12z"/><path d="m192 165.1l33.1 32.9l-12.2-45.1l-16.4-4.4zm7.1-64.2l9.4 2.6l4.4-16.4l-16.4 4.4z"/><path d="M225.1 108L258 75.1l-45.1 12l-4.4 16.4zm-12.2-20.9L225.1 42L192 75.1l4.5 16.4zm12.2 44.9l44.9-12l-44.9-12l-12.2 12z"/><path d="m206 113.1l6.9 6.9l12.2-12l-16.6-4.5zm-38-38L135.1 42l12 45.1l16.4 4.4z"/><path d="m160.9 100.9l2.6-9.4l-16.4-4.4l4.4 16.4z"/><path d="m147.1 87.1l-45.1-12l33.1 32.9l16.4-4.5zm39.8 6.9l9.6-2.5l-4.5-16.4l-12 12z"/><path d="M192 75.1L180 30l-12 45.1l12 12z"/><path d="m173.1 94l6.9-6.9l-12-12l-4.5 16.4z"/></g><circle cx="180" cy="120" r="51.1" fill="#000095"/><circle cx="180" cy="120" r="45.1" fill="#fff"/></g></svg>

Tw 4x3 アイコンの使い方

React

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

<Icon icon="flag:tw-4x3" width="24" />

Vue

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

<template>
  <Icon icon="flag:tw-4x3" width="24" />
</template>

Svelte

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

<Icon icon="flag:tw-4x3" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--tw-4x3]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:tw-4x3"></div>

Web コンポーネント

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

<iconify-icon icon="flag:tw-4x3"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flag/tw-4x3.svg" alt="Tw 4x3 アイコン" width="24" height="24">

Flag Icons の関連アイコン

Tw 4x3 アイコンのよくある質問

Tw 4x3 アイコンは商用利用でも無料ですか?

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

React で Tw 4x3 アイコンを使うには?

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

Tw 4x3 アイコンをウェブページに追加するには?

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

Flag Icons をすべて見る →