In アイコン
cif:in
In アイコン(cif:in)は、CoreUI Flags セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 301 × 201 のグリッドで描かれています。 CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Flags
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 301 × 201
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="201" viewBox="0 0 301 201"><g fill="none"><path fill="#F93" d="M.5.5h300v200H.5z"/><path fill="#FFF" d="M.5 67.166h300v66.667H.5z"/><path fill="#128807" d="M.5 133.833h300V200.5H.5z"/><circle cx="150.5" cy="100.5" r="26.667" fill="#008"/><circle cx="150.5" cy="100.5" r="23.333" fill="#FFF"/><circle cx="150.5" cy="100.5" r="4.667" fill="#008"/><circle cx="173.634" cy="103.546" r="1.167" fill="#008"/><path fill="#008" d="m150.5 123.833l.8-14l-.8-6.667l-.8 6.667z"/><circle cx="172.057" cy="109.429" r="1.167" fill="#008"/><path fill="#008" d="m144.461 123.038l4.396-13.316l.953-6.647l-2.498 6.232z"/><circle cx="169.012" cy="114.704" r="1.167" fill="#008"/><path fill="#008" d="m138.834 120.707l7.693-11.724l2.641-6.174l-4.026 5.373z"/><circle cx="164.705" cy="119.011" r="1.167" fill="#008"/><path fill="#008" d="m134.001 116.999l10.465-9.334l4.148-5.28l-5.28 4.148z"/><circle cx="159.429" cy="122.057" r="1.167" fill="#008"/><path fill="#008" d="m130.293 112.166l12.525-6.307l5.373-4.026l-6.174 2.641z"/><circle cx="153.546" cy="123.634" r="1.167" fill="#008"/><path fill="#008" d="m127.962 106.539l13.73-2.851l6.232-2.498l-6.647.953z"/><circle cx="147.454" cy="123.634" r="1.167" fill="#008"/><path fill="#008" d="m127.167 100.5l14 .8l6.667-.8l-6.667-.8z"/><circle cx="141.571" cy="122.057" r="1.167" fill="#008"/><path fill="#008" d="m127.962 94.461l13.316 4.396l6.647.953l-6.232-2.498z"/><circle cx="136.296" cy="119.011" r="1.167" fill="#008"/><path fill="#008" d="m130.293 88.833l11.724 7.693l6.174 2.64l-5.373-4.026z"/><circle cx="131.989" cy="114.704" r="1.167" fill="#008"/><path fill="#008" d="m134.001 84.001l9.334 10.465l5.28 4.148l-4.148-5.28z"/><circle cx="128.943" cy="109.429" r="1.167" fill="#008"/><path fill="#008" d="m138.834 80.293l6.307 12.524l4.026 5.374l-2.641-6.174z"/><circle cx="127.366" cy="103.546" r="1.167" fill="#008"/><path fill="#008" d="m144.461 77.962l2.851 13.73l2.498 6.232l-.953-6.646z"/><circle cx="127.366" cy="97.454" r="1.167" fill="#008"/><path fill="#008" d="m150.5 77.166l-.8 14l.8 6.667l.8-6.667z"/><circle cx="128.943" cy="91.57" r="1.167" fill="#008"/><path fill="#008" d="m156.539 77.962l-4.396 13.316l-.953 6.646l2.498-6.232z"/><circle cx="131.989" cy="86.295" r="1.167" fill="#008"/><path fill="#008" d="m162.167 80.293l-7.693 11.724l-2.64 6.174l4.026-5.374z"/><circle cx="136.296" cy="81.988" r="1.167" fill="#008"/><path fill="#008" d="m166.999 84.001l-10.465 9.334l-4.148 5.28l5.28-4.148z"/><circle cx="141.571" cy="78.943" r="1.167" fill="#008"/><path fill="#008" d="m170.707 88.833l-12.524 6.307l-5.373 4.026l6.174-2.64z"/><circle cx="147.454" cy="77.366" r="1.167" fill="#008"/><path fill="#008" d="m173.038 94.461l-13.73 2.851l-6.232 2.498l6.646-.953z"/><circle cx="153.546" cy="77.366" r="1.167" fill="#008"/><path fill="#008" d="m173.834 100.5l-14-.8l-6.667.8l6.667.8z"/><circle cx="159.429" cy="78.943" r="1.167" fill="#008"/><path fill="#008" d="m173.038 106.539l-13.316-4.396l-6.646-.953l6.232 2.498z"/><circle cx="164.705" cy="81.988" r="1.167" fill="#008"/><path fill="#008" d="m170.707 112.166l-11.724-7.693l-6.174-2.641l5.373 4.026z"/><circle cx="169.012" cy="86.295" r="1.167" fill="#008"/><path fill="#008" d="m166.999 116.999l-9.334-10.465l-5.28-4.148l4.148 5.28z"/><circle cx="172.057" cy="91.57" r="1.167" fill="#008"/><path fill="#008" d="m162.167 120.707l-6.307-12.525l-4.026-5.373l2.64 6.174z"/><circle cx="173.634" cy="97.454" r="1.167" fill="#008"/><path fill="#008" d="m156.539 123.038l-2.851-13.73l-2.498-6.232l.953 6.647z"/></g></svg>In アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cif:in" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:in" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:in" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--in]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:in"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:in"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cif/in.svg" alt="In アイコン" width="24" height="24">他のアイコンセットの In アイコン
In アイコン のよくある質問
In アイコンは商用利用でも無料ですか?
はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で In アイコンを使うには?
@iconify/react をインストールして <Icon icon="cif:in" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
In アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cif/in.svg" alt="In アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。