Ir アイコン
cif:ir
Ir アイコン(cif:ir)は、CoreUI Flags セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 300 × 173 のグリッドで描かれています。 CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Flags
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 300 × 173
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="173" viewBox="0 0 300 173"><g fill="none" fill-rule="evenodd"><path fill="#239F40" fill-rule="nonzero" d="M0 .5h300v172H0z"/><path fill="#FFF" fill-rule="nonzero" d="M0 57.833h300v57.333H0z"/><path fill="#DA0000" fill-rule="nonzero" d="M0 115.166h300v57.333H0z"/><path stroke="#FFF" stroke-linecap="square" stroke-width="1.717" d="M138 49.138h16m-16 5.351v-2.676h5.333v2.676h5.333v-2.676H146m8 2.676h-2.667v-2.676h5.333v-2.676m.001 2.676v2.676H162v-5.351m-2.666 0v5.351M138 57.451h10.667m2.667 0H162m-24 61.06h16m-16 5.351v-2.676h5.333v2.676h5.333v-2.676H146m8 2.676h-2.667v-2.676h5.333v-2.676m.001 2.676v2.676H162v-5.351m-2.666 0v5.351M138 115.549h10.667m2.667 0H162m2.667-66.411h16m-16 5.351v-2.676H170v2.676h5.333v-2.676h-2.667m8.001 2.676H178v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333 2.962h10.667m2.666 0h10.667m-24 61.06h16m-16 5.351v-2.676H170v2.676h5.333v-2.676h-2.667m8.001 2.676H178v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333-8.313h10.667m2.666 0h10.667m-104-66.411h16m-16 5.351v-2.676H90v2.676h5.333v-2.676h-2.667m8.001 2.676H98v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333 2.962h10.667m2.666 0h10.667m-24 61.06h16m-16 5.351v-2.676H90v2.676h5.333v-2.676h-2.667m8.001 2.676H98v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333-8.313h10.667m2.666 0h10.667m2.667-66.411h16m-16 5.351v-2.676h5.333v2.676H122v-2.676h-2.667m8.001 2.676h-2.667v-2.676H130v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333 2.962H122m2.667 0h10.667m-24 61.06h16m-16 5.351v-2.676h5.333v2.676H122v-2.676h-2.667m8.001 2.676h-2.667v-2.676H130v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333-8.313H122m2.667 0h10.667m109.333-66.411h16m-16 5.351v-2.676H250v2.676h5.333v-2.676h-2.667m8.001 2.676H258v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333 2.962h10.667m2.666 0h10.667m-24 61.06h16m-16 5.351v-2.676H250v2.676h5.333v-2.676h-2.667m8.001 2.676H258v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333-8.313h10.667m2.666 0h10.667m2.667-66.411h16m-16 5.351v-2.676h5.333v2.676H282v-2.676h-2.667m8.001 2.676h-2.667v-2.676H290v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333 2.962H282m2.667 0h10.667m-24 61.06h16m-16 5.351v-2.676h5.333v2.676H282v-2.676h-2.667m8.001 2.676h-2.667v-2.676H290v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333-8.313H282m2.667 0h10.667m-104-66.411h16m-16 5.351v-2.676h5.333v2.676H202v-2.676h-2.667m8.001 2.676h-2.667v-2.676H210v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333 2.962H202m2.667 0h10.667m-24 61.06h16m-16 5.351v-2.676h5.333v2.676H202v-2.676h-2.667m8.001 2.676h-2.667v-2.676H210v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333-8.313H202m2.667 0h10.667M218 49.138h16m-16 5.351v-2.676h5.333v2.676h5.333v-2.676H226m8 2.676h-2.667v-2.676h5.333v-2.676m.001 2.676v2.676H242v-5.351m-2.666 0v5.351M218 57.451h10.667m2.667 0H242m-24 61.06h16m-16 5.351v-2.676h5.333v2.676h5.333v-2.676H226m8 2.676h-2.667v-2.676h5.333v-2.676m.001 2.676v2.676H242v-5.351m-2.666 0v5.351M218 115.549h10.667m2.667 0H242M58 49.138h16m-16 5.351v-2.676h5.333v2.676h5.333v-2.676H66m8 2.676h-2.667v-2.676h5.333v-2.676m.001 2.676v2.676H82v-5.351m-2.666 0v5.351M58 57.451h10.667m2.667 0H82m-24 61.06h16m-16 5.351v-2.676h5.333v2.676h5.333v-2.676H66m8 2.676h-2.667v-2.676h5.333v-2.676m.001 2.676v2.676H82v-5.351m-2.666 0v5.351M58 115.549h10.667m2.667 0H82M4.667 49.138h16m-16 5.351v-2.676H10v2.676h5.333v-2.676h-2.667m8.001 2.676H18v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351M4.667 57.451h10.667m2.666 0h10.667m-24 61.06h16m-16 5.351v-2.676H10v2.676h5.333v-2.676h-2.667m8.001 2.676H18v-2.676h5.333v-2.676m.001 2.676v2.676h5.333v-5.351m-2.667 0v5.351m-21.333-8.313h10.667m2.666 0h10.667m2.667-66.411h16m-16 5.351v-2.676h5.333v2.676H42v-2.676h-2.667m8.001 2.676h-2.667v-2.676H50v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333 2.962H42m2.667 0h10.667m-24 61.06h16m-16 5.351v-2.676h5.333v2.676H42v-2.676h-2.667m8.001 2.676h-2.667v-2.676H50v-2.676m0 2.676v2.676h5.333v-5.351m-2.666 0v5.351m-21.333-8.313H42m2.667 0h10.667"/><path fill="#DA0000" fill-rule="nonzero" d="M158.73 71.13s15.505 12.166 4.108 29.65c10.734-6.581 11.661-24.681-4.108-29.65M150 69.402c-2.468 2.792-6.709.017-5.251-3.025c2.551 4.587 5.251.881 5.251.881s2.7 3.706 5.251-.881c1.458 3.042-2.782 5.817-5.251 3.025"/><path fill="#DA0000" fill-rule="nonzero" d="m150 107.297l-1.772-2.327s-4.174 1.396-9.674-.532c4.506 0 7.024-.798 7.951-1.263c0 0-10.204-5.518-10.006-16.753c.596-11.368 6.626-14.826 6.626-14.826s-10.734 15.689 5.036 28.802l-.696-16.221V72.26c.895-.216 2.534-2.111 2.534-2.111s1.64 1.895 2.534 2.111v11.917l-.696 16.221c15.769-13.113 5.035-28.803 5.035-28.803s6.03 3.457 6.626 14.825c.199 11.235-10.005 16.753-10.005 16.753c.927.465 3.446 1.263 7.951 1.263c-5.5 1.928-9.674.532-9.674.532l-1.772 2.327z"/><path fill="#DA0000" fill-rule="nonzero" d="M141.271 71.13s-15.505 12.166-4.108 29.65c-10.734-6.581-11.662-24.681 4.108-29.65"/></g></svg>Ir アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cif:ir" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:ir" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:ir" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--ir]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:ir"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:ir"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cif/ir.svg" alt="Ir アイコン" width="24" height="24">他のアイコンセットの Ir アイコン
Ir アイコン のよくある質問
Ir アイコンは商用利用でも無料ですか?
はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ir アイコンを使うには?
@iconify/react をインストールして <Icon icon="cif:ir" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ir アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cif/ir.svg" alt="Ir アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。