It 32 アイコン
circle-flags:it-32
It 32 アイコン(circle-flags:it-32)は、Circle Flags セットの無料 SVG アイコンです（作者: HatScripts）。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circle Flags
- 作者
- HatScripts
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#0052b4" d="M0 512V256l256-64l256 64v256z"/><path fill="#eee" d="M0 256V0h512v256z"/><path fill="#eee" d="M130 108.3v192c0 66.6 56.7 124.5 125.8 124.5s126-58 126-124.6v-192l-126 .7l-125.9-.6Z"/><path fill="#333" d="M255.8 428.8C185.4 428.8 126 370 126 300.2v-196l130 .7l129.9-.6v196c0 69.6-59.5 128.5-130 128.5ZM134 112.3v188c0 65.3 55.8 120.5 122 120.5c66 0 121.9-55.2 121.9-120.6V112.3l-122 .6z"/><path fill="#333" d="M259.8 423.9h-8V260.5H130.1v-8h121.7V110.2h8v142.3h121.1v8H259.8z"/><path fill="#333" d="M189.2 141.6c-5 0-10.7 2.5-13.8 8.8c3.1-1.9 10-.6 10 8.2c0 2.5-1.2 5-3.1 6.3c-5 0-8.8-8.9-18.3-8.9c-6.2 0-12 4.5-12 10.7v43.4l29-4.4l-8.8 17h41.5l-8.8-17l29 4.4v-43.4c0-6.2-5.7-10.7-12-10.7c-9.4 0-13.2 8.9-18.2 8.9c5-14.5-4.4-23.3-14.5-23.3"/><path fill="#d80027" d="M315.3 141.6c-5 0-10.7 2.5-13.8 8.8c3.1-1.9 10-.6 10 8.2c0 2.5-1.2 5-3.1 6.3c-5 0-8.8-8.9-18.2-8.9c-6.3 0-12 4.5-12 10.7v43.4l29-4.4l-8.9 17h41.5l-8.8-17l29 4.4v-43.4c0-6.2-5.7-10.7-12-10.7c-9.4 0-13.2 8.9-18.2 8.9c5-14.5-4.4-23.3-14.5-23.3M189.2 279c-5 0-10.7 2.6-13.8 8.9c3.1-1.9 10-.6 10 8.2c0 2.5-1.2 5-3.1 6.3c-5 0-8.8-8.8-18.3-8.8c-6.2 0-12 4.4-12 10.6v43.4l29-4.4l-8.8 17h41.5l-8.8-17l29 4.4v-43.4c0-6.2-5.7-10.6-12-10.6c-9.4 0-13.2 8.8-18.2 8.8c5-14.5-4.4-23.3-14.5-23.3Z"/><path fill="#333" d="M315.3 279c-5 0-10.7 2.6-13.8 8.9c3.1-1.9 10-.6 10 8.2c0 2.5-1.2 5-3.1 6.3c-5 0-8.8-8.8-18.2-8.8c-6.3 0-12 4.4-12 10.6v43.4l29-4.4l-8.9 17h41.5l-8.8-17l29 4.4v-43.4c0-6.2-5.7-10.6-12-10.6c-9.4 0-13.2 8.8-18.2 8.8c5-14.5-4.4-23.3-14.5-23.3Z"/></g></svg>
It 32 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:it-32" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:it-32" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:it-32" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--it-32]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:it-32"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:it-32"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/it-32.svg" alt="It 32 アイコン" width="24" height="24">
It 32 アイコン のよくある質問
It 32 アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で It 32 アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:it-32" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
It 32 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/it-32.svg" alt="It 32 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Circle Flags アイコン をすべて見る →
ICONYZ
