Mn アイコン
cif:mn
Mn アイコン(cif:mn)は、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" fill-rule="evenodd"><path fill="#C4272F" fill-rule="nonzero" d="M.5.5h300v150H.5z"/><path fill="#015197" fill-rule="nonzero" d="M100.5.5h100v150h-100z"/><circle cx="50.5" cy="51.75" r="13.75" fill="#F9CF02" fill-rule="nonzero"/><circle cx="50.5" cy="45.5" r="15" fill="#C4272F" fill-rule="nonzero"/><circle cx="50.5" cy="48" r="10" fill="#F9CF02" fill-rule="nonzero"/><path fill="#F9CF02" fill-rule="nonzero" d="M44.25 29.25a6.251 6.251 0 0 0 12.5 0c0-2.5-1.563-2.813-1.563-3.75s.938-2.188-.938-3.75c.938 1.563-.625 1.875-.625 3.438s.625 1.563.625 2.813a1.25 1.25 0 0 1-2.5 0c0-1.25 1.25-2.5 1.25-4.375s-.313-2.5-1.25-4.063s-2.5-2.813-1.25-4.063c-1.875.625-.938 3.125-.938 4.688s-1.25 2.5-1.25 4.375s.938 2.188.938 3.438a1.25 1.25 0 0 1-2.5 0c0-1.25.625-1.25.625-2.813s-1.563-1.875-.625-3.438c-1.875 1.563-.938 2.813-.938 3.75s-1.561 1.25-1.561 3.75M23 68h12.5v60H23zm42.5 0H78v60H65.5zM38 78h25v5H38zm0 35h25v5H38zm0-45l12.5 7.5L63 68zm0 52.5l12.5 7.5l12.5-7.5z"/><circle cx="50.5" cy="98" r="13.25" fill="#F9CF02" fill-rule="nonzero" stroke="#C4272F" stroke-width="1.5"/><path stroke="#C4272F" stroke-width="1.5" d="M50.5 84.75a6.625 6.625 0 1 1 0 13.25a6.625 6.625 0 1 0 0 13.25"/><circle cx="50.5" cy="91.375" r="2.5" fill="#C4272F" fill-rule="nonzero"/><circle cx="50.5" cy="104.625" r="2.5" fill="#C4272F" fill-rule="nonzero"/></g></svg>Mn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cif:mn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:mn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:mn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--mn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:mn"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:mn"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cif/mn.svg" alt="Mn アイコン" width="24" height="24">他のアイコンセットの Mn アイコン
Mn アイコン のよくある質問
Mn アイコンは商用利用でも無料ですか?
はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mn アイコンを使うには?
@iconify/react をインストールして <Icon icon="cif:mn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cif/mn.svg" alt="Mn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。