Nu アイコン
cif:nu
Nu アイコン(cif:nu)は、CoreUI Flags セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 301 × 151 のグリッドで描かれています。 CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Flags
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 301 × 151
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="151" viewBox="0 0 301 151"><g fill="none" transform="translate(1 1)"><path fill="#FFF200" d="M0 0h300v150H0z"/><path fill="#005A9B" stroke="#000" stroke-width=".26" d="M0 0h149.898v74.995H0z"/><path fill="#FFF" stroke="#000" stroke-width=".26" d="M0 24.99h31.637L0 9.114V0h18.101l44.255 22.061V0h24.921v22.061L131.533 0h18.365v9.114L117.997 24.99h31.901v25.009h-31.901l31.901 15.876v9.117h-18.365L87.277 52.928v22.064H62.356V52.928L18.101 74.992H0v-9.117l31.637-15.876H0z"/><path fill="#ED1C2E" stroke="#000" stroke-linejoin="bevel" stroke-width=".26" d="M138.015 0L88.018 25.007h11.969L149.898 0zm11.883 74.995L99.934 49.999h12.021l37.943 19.035zM50.093 25.007L0 0v5.973l38.02 19.034zm-.103 24.992L0 74.995h11.962l49.997-24.996z"/><path fill="#ED1C2E" stroke="#000" stroke-width=".26" d="M0 30.179h67.665V0h14.643v30.179h67.59v14.644h-67.59v30.172H67.665V44.823H0z"/><circle cx="74.975" cy="37.443" r="12.588" fill="#005A9B" stroke="#000" stroke-width=".26"/><path fill="#FFF200" stroke="#000" stroke-width=".13" d="m31.232 32.506l-1.22 3.794h-4.015l3.26 2.361l-1.252 3.79l3.227-2.355l3.228 2.355l-1.236-3.822l3.244-2.313h-3.999zM74.99 7.25l1.221 3.794h4.014l-3.26 2.361l1.253 3.79l-3.228-2.355l-3.228 2.355l1.236-3.822l-3.243-2.313h3.998zm0 50.068l1.221 3.794h4.014l-3.26 2.36l1.253 3.791l-3.228-2.356l-3.228 2.356l1.236-3.823l-3.243-2.312h3.998zm-.015-31.198l-2.519 7.828h-8.284l6.728 4.871l-2.585 7.822l6.66-4.86l6.66 4.86l-2.55-7.888l6.693-4.772h-8.251zm43.752 6.386l1.22 3.794h4.015l-3.26 2.361l1.252 3.79l-3.227-2.355l-3.228 2.355l1.236-3.822l-3.244-2.313h3.999z"/></g></svg>Nu アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cif:nu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:nu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:nu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--nu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:nu"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:nu"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cif/nu.svg" alt="Nu アイコン" width="24" height="24">他のアイコンセットの Nu アイコン
Nu アイコン のよくある質問
Nu アイコンは商用利用でも無料ですか?
はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nu アイコンを使うには?
@iconify/react をインストールして <Icon icon="cif:nu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nu アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cif/nu.svg" alt="Nu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。