Nc 1x1 アイコン
flag:nc-1x1
Nc 1x1 アイコン(flag:nc-1x1)は、Flag Icons セットの無料 SVG アイコンです（作者: Panayiotis Lipiridis）。 512 × 512 のグリッドで描かれています。 Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flag Icons
- 作者
- Panayiotis Lipiridis
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- nc1x1
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#009543" d="M0 0h512v512H0z"/><path fill="#ed4135" d="M0 0h512v341.3H0z"/><path fill="#0035ad" d="M0 0h512v170.7H0z"/><circle cx="225.6" cy="256" r="167.8" fill="#fae600" stroke="#000" stroke-width="5.7"/><path stroke="#000" stroke-width="6.8" d="M197.2 281h56.9m-56.9-42h56.9M225.6 88.6v286.8"/><path fill="#000001" d="M158 410c68.6 28 132.8 1.8 132.8 1.8s-24.3-26.2-36.7-36.5c-12.1-10-47.8-9.6-60 0c-10 8-39.2 37.5-36 34.8z"/><ellipse cx="225.6" cy="333.4" fill="#000001" rx="18.8" ry="27.3"/><ellipse cx="225.6" cy="260" fill="#000001" rx="22.8" ry="14.4"/><circle cx="225.6" cy="193.4" r="22.8" fill="#000001"/><path fill="#000001" d="M253 108.7s2 3.2-2.2 10.7c-19.9 35.7-39.7 36.5-43.5 39.5c-4.2 3.4-6 3.2-6 3.2c.4-3 .6-15.6.8-16.8c3-16.6 28.3-16.4 48-33.5c3-2.7 2.8-3.2 2.8-3.2zm-66.6 76.8s4.5 12.7 5.1 25.6c1.1 20.4 20.7 21 34.1 21v-11.4c-10 0-18.9-1.4-26.1-16.5a131 131 0 0 0-13.1-18.7m-.6 165s7.2-9 15.6-29.6a27 27 0 0 1 24.2-17.1v-16c-21.6 0-32 8-33 19.9c-2.4 24-6.8 42.7-6.8 42.7zm79.2-165s-4.6 12.7-5.2 25.6c-1.1 20.5-20.7 21-34.1 21v-11.3c10.1 0 18.9-1.5 26.2-16.5q5.8-10 13-18.8zm.5 165s-7.1-8.9-15.6-29.6a27 27 0 0 0-24.2-17v-16c21.6 0 32 8 33.1 19.8a351 351 0 0 0 6.7 42.8"/></svg>Nc 1x1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flag:nc-1x1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flag:nc-1x1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flag:nc-1x1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--nc-1x1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:nc-1x1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flag:nc-1x1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flag/nc-1x1.svg" alt="Nc 1x1 アイコン" width="24" height="24">Flag Icons の関連アイコン
Nc 1x1 アイコン のよくある質問
Nc 1x1 アイコンは商用利用でも無料ですか?
はい。Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nc 1x1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="flag:nc-1x1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nc 1x1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flag/nc-1x1.svg" alt="Nc 1x1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。