It 75 アイコン
circle-flags:it-75
It 75 アイコン(circle-flags:it-75)は、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="#eee" d="M0 0h512v512H0z"/><path fill="#338af3" d="M208 408a64 64 0 0 1-64-64v-1.6l4.8-54.4l-4.8-38.4V184h65.6l46.4 3l46.4-3H368v65.6l-3.5 50.6l3.5 42.2v1.6a64 64 0 0 1-64 64"/><path fill="#eee" d="M352 335.8L295.8 392h-79.6L160 335.8v-79.6l56.2-56.2h79.6l56.2 56.2z"/><path fill="#ffda44" d="M144 152h224v32H144z"/><path fill="#d80027" d="M302.4 184h-92.8L144 249.6v92.8l65.6 65.6h92.8l65.6-65.6v-92.8zm45.2 150L294 387.6h-76L164.4 334v-76l53.6-53.6h76l53.6 53.6z"/><path fill="#6da544" d="M243.7 308.3c0 13.4-14 22.5-14 22.5h52.5s-13.9-9-13.9-22.5z"/><path fill="#496e2d" d="M256 245.2c-4.8 0-9.1 2.1-12.3 5.3a17.1 17.1 0 0 0-25.7 12.9a17.1 17.1 0 0 0 1 31.6a17.1 17.1 0 0 0 24.7 13.3c3.2 3.3 7.5 5.4 12.3 5.4s9.1-2.1 12.3-5.4c2.2 1.7 4.8 2.2 7.5 2.2A17 17 0 0 0 293 295a17.1 17.1 0 0 0 1.1-31.6a17.1 17.1 0 0 0-25.7-12.9a17.4 17.4 0 0 0-12.3-5.3Z"/><path fill="#ff9811" d="m352 120l-16-16l-16 16l-16-16l-16 16l-16-16l-16 16l-16-16l-16 16l-16-16l-16 16l-16-16l-16 16l-16-16v32h224v-32z"/><path fill="#6da544" d="M0 0h48v512H0z"/><path fill="#d80027" d="M464 0h48v512h-48z"/></g></svg>
It 75 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:it-75" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:it-75" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:it-75" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--it-75]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:it-75"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:it-75"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/it-75.svg" alt="It 75 アイコン" width="24" height="24">
It 75 アイコン のよくある質問
It 75 アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で It 75 アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:it-75" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
It 75 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/it-75.svg" alt="It 75 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Circle Flags アイコン をすべて見る →
ICONYZ
