ICONYZ
日本語
Flag Icons の Nc 4x3 アイコン

Nc 4x3 アイコン

flag:nc-4x3

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

アイコンセット
Flag Icons
作者
Panayiotis Lipiridis
ライセンス
MIT
サイズ
640 × 480
タグ
nc4x3
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480"><path fill="#009543" d="M0 0h640v480H0z"/><path fill="#ed4135" d="M0 0h640v320H0z"/><path fill="#0035ad" d="M0 0h640v160H0z"/><circle cx="240" cy="240" r="157.3" fill="#fae600" stroke="#000" stroke-width="5.3"/><path stroke="#000" stroke-width="6.4" d="M213.3 263.5h53.3M213.3 224h53.3M240 83.2V352"/><path fill="#000001" d="M176.6 384.4c64.2 26.3 124.4 1.7 124.4 1.7s-22.7-24.6-34.3-34.2c-11.4-9.4-44.8-9-56.2 0a489 489 0 0 0-33.9 32.5"/><ellipse cx="240" cy="312.5" fill="#000001" rx="17.6" ry="25.6"/><ellipse cx="240" cy="243.7" fill="#000001" rx="21.3" ry="13.5"/><circle cx="240" cy="181.3" r="21.3" fill="#000001"/><path fill="#000001" d="M265.6 101.9s1.8 3-2 10c-18.6 33.5-37.3 34.2-40.8 37.1c-4 3.2-5.6 3-5.6 3c.3-2.9.5-14.6.7-15.7c2.9-15.7 26.5-15.5 45-31.5c2.9-2.5 2.7-3 2.7-3zm-62.4 72s4.3 12 4.8 24c1 19.2 19.4 19.7 32 19.7v-10.7c-9.5 0-17.7-1.4-24.5-15.4a123 123 0 0 0-12.3-17.6m-.5 154.6s6.7-8.3 14.6-27.7c4-10.1 13.8-16 22.7-16v-15c-20.3 0-30 7.5-31 18.6a329 329 0 0 1-6.3 40.1"/><path d="M276.8 173.9s-4.3 12-4.8 24c-1 19.2-19.4 19.7-32 19.7V207c9.5 0 17.7-1.4 24.5-15.5q5.4-9.3 12.3-17.6m.5 154.7s-6.7-8.4-14.6-27.8c-4-10.1-13.8-16-22.7-16V270c20.3 0 30 7.5 31 18.6a329 329 0 0 0 6.3 40"/></svg>

Nc 4x3 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Flag Icons の関連アイコン

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

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

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

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

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

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

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

Flag Icons をすべて見る →