Si 1x1 アイコン
flag:si-1x1
Si 1x1 アイコン(flag:si-1x1)は、Flag Icons セットの無料 SVG アイコンです（作者: Panayiotis Lipiridis）。 512 × 512 のグリッドで描かれています。 Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flag Icons
- 作者
- Panayiotis Lipiridis
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- si1x1
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><clipPath id="SVGn6PQ0qZc"><path fill-opacity=".7" d="M60.2 0h497.3v497.3H60.2z"/></clipPath></defs><g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#SVGn6PQ0qZc)" transform="translate(-62)scale(1.0295)"><path fill="#fff" d="M0 0h994.7v497.3H0z"/><path fill="#d50000" d="M0 331.6h994.7v165.7H0z"/><path fill="#0000bf" d="M0 165.8h994.7v165.8H0z"/><path fill="#d50000" d="M282 90.3c-3.9 59.9-6.1 92.7-15.2 107.9c-9.9 16.3-19.5 28.2-58 42.6c-38.4-14.4-48-26.3-57.9-42.6c-9-15.2-11.3-48-15.2-107.9l5.7-1.9c11.4-3.5 20-6.3 26.3-7.5c9-2 16.7-4.1 41-4.6c24.3.4 32 2.7 41 4.6q9.6 2.1 26.6 7.5z"/><path fill="#0000bf" d="M276.4 88.3c-3.7 59.8-6.7 87.2-11.6 100.3c-9.3 22.6-24.1 35-56 46.7c-31.8-11.8-46.6-24.1-56-46.7c-4.8-13.1-7.9-40.4-11.4-100.3q16.8-5.4 26.3-7.5c9-1.9 16.7-4.2 41-4.6c24.3.4 32.1 2.7 41.1 4.6q9.6 2.1 26.6 7.5"/><path fill="#ffdf00" d="m208.8 106.6l1.5 3.7l6.7.9l-4.3 2.6l4.2 2.8l-6.1 1l-1.9 3.3l-2-3.4l-6-.8l4-2.9l-4-2.6l6.4-1z"/><path fill="#fff" d="m262.5 174.5l-3.7-3l-2.7-4.4l-5.2-4.6l-2.8-4.6l-5.2-4.7l-2.6-4.6l-2.8-2.3l-1.9-1.7l-4.7 4.1l-2.6 4.6l-3.3 2.9l-3.5-2.8l-2.7-4.7l-10-17.7l-10 17.7l-2.6 4.7l-3.6 2.8l-3.2-3l-2.6-4.5l-4.7-4.1l-1.9 1.7l-2.8 2.3l-2.6 4.6l-5.2 4.7l-2.8 4.6l-5.3 4.6l-2.6 4.4l-3.7 3a64 64 0 0 0 18 35.2c6.4 6.1 19.5 14.4 35.5 19.9a101 101 0 0 0 35.7-20a64 64 0 0 0 18.1-35.1"/><path fill="#ffdf00" d="m224.8 81.5l1.5 3.6l6.7 1l-4.3 2.5l4.2 2.9l-6.1 1l-1.9 3.3l-2-3.4l-5.9-.8l4-3l-4.1-2.5l6.4-1zm-32 0l1.5 3.5l6.7 1l-4.3 2.6l4.2 2.8l-6.1 1l-1.9 3.3l-2.1-3.4l-5.8-.8l4-2.9l-4.1-2.6l6.4-1l1.5-3.6z"/><path fill="#0000bf" d="M254.2 197.2H247l-6.7-.5l-8.1-4l-9.2.1l-7.9 3.9l-6.2.5l-6.3-.5l-7.9-3.9h-9.1l-8.1 4l-6.7.4h-7.4l-3.5-6l.1-.2l10.9 1.8l6.6-.5l8.1-4h9.2l8 4l6.2.5l6.2-.6l8-3.8h9l8.2 3.9l6.7.5l10.5-1.9l.2.3zm-84 9.3l7.2-.5l8.1-4h9.1l8 3.9l6.2.6l6.2-.6l8-3.9h9.1l8.1 4l7.3.5l4.7-5.8l-.2-.2l-5 1.5l-6.7-.5l-8.1-4h-9.1l-8 4l-6.2.5l-6.2-.5l-8-4h-9.1l-8.1 4l-6.7.5l-5-1.2v.2z"/></g></svg>Si 1x1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flag:si-1x1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flag:si-1x1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flag:si-1x1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--si-1x1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:si-1x1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flag:si-1x1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flag/si-1x1.svg" alt="Si 1x1 アイコン" width="24" height="24">Flag Icons の関連アイコン
Si 1x1 アイコン のよくある質問
Si 1x1 アイコンは商用利用でも無料ですか?
はい。Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Si 1x1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="flag:si-1x1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Si 1x1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flag/si-1x1.svg" alt="Si 1x1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。