Tj 1x1 アイコン
flag:tj-1x1
Tj 1x1 アイコン(flag:tj-1x1)は、Flag Icons セットの無料 SVG アイコンです（作者: Panayiotis Lipiridis）。 512 × 512 のグリッドで描かれています。 Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flag Icons
- 作者
- Panayiotis Lipiridis
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- tj1x1
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#060" d="M0 0h512v512H0z"/><path fill="#fff" d="M0 0h512v365.7H0z"/><path fill="#c00" d="M0 0h512v146.3H0z"/><g fill="#f8c300" transform="translate(-256)scale(.73143)"><path d="M672 340.7a12.5 12.5 0 0 1 23.3 5.9v50h9.4v-50a12.5 12.5 0 0 1 23.3-5.9a29.5 29.5 0 1 0-56 0"/><path fill="#fff" d="M678.7 327.6a20 20 0 0 1 21.3 9.6a20 20 0 0 1 21.3-9.6a21.5 21.5 0 0 0-42.6 0"/><path id="SVGSLKL1cJy" d="M695.3 376.6a38 38 0 0 1-63.8 24.3a39.5 39.5 0 0 1-59.8 17.5c3.7 36.4 58.3 29 62.3-6.4c17.2 30.1 55 21.5 66-15.4z"/><use width="100%" height="100%" href="#SVGSLKL1cJy" transform="matrix(-1 0 0 1 1400 0)"/><path id="SVGa33zpeSK" d="M658.8 441.3c-7.6 16.5-22.8 19.3-36.1 6c0 0 5.3-3.8 11-4.8a18 18 0 0 1 4.3-14.3a22 22 0 0 1 9 11.8c8-1 11.8 1.3 11.8 1.3"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(9.4 700 804)"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(18.7 700 804)"/><path fill="none" stroke="#f8c300" stroke-width="16" d="M603 478a340 340 0 0 1 194 0"/><g transform="translate(700 380)"><g transform="translate(0 -140)"><path id="SVGof3xwVUs" d="m488533-158734l-790463 574305L0-513674l301930 929245l-790463-574305z" transform="scale(.00005)"/></g><g id="SVGH3GoAvmV"><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-140)"/></g><use width="100%" height="100%" href="#SVGH3GoAvmV" transform="scale(-1 1)"/></g></g></svg>Tj 1x1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flag:tj-1x1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flag:tj-1x1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flag:tj-1x1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flag--tj-1x1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flag -->
<div class="i-flag:tj-1x1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flag:tj-1x1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flag/tj-1x1.svg" alt="Tj 1x1 アイコン" width="24" height="24">Flag Icons の関連アイコン
Tj 1x1 アイコン のよくある質問
Tj 1x1 アイコンは商用利用でも無料ですか?
はい。Flag Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tj 1x1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="flag:tj-1x1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tj 1x1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flag/tj-1x1.svg" alt="Tj 1x1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。