Flag Tuvalu アイコン
twemoji:flag-tuvalu
Flag Tuvalu アイコン(twemoji:flag-tuvalu)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 旗
- タグ
- flagtuvalu
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><defs><path id="SVGKEXNSd3J" fill="#00247d" d="M19 18V5H4c-.32 0-.604.045-.604.045l-.004 1.754l-2.73-.004S.62 6.854.535 7A4 4 0 0 0 0 9v9z"/><path id="SVGEkXX0dIM" fill="#eee" d="M19 5h-2.331L12 8.269V5H7v2.569L3.396 5.045a3.94 3.94 0 0 0-1.672.665L6.426 9H4.69L.967 6.391a4 4 0 0 0-.305.404L3.813 9H0v5h3.885L0 16.766V18h3.332L7 15.432V18h5v-3.269L16.668 18H19v-2.029L16.185 14H19V9h-2.814L19 7.029z"/><path id="SVGqvgNxdos" fill="#cf1b2b" d="M19 5h-1.461L12 8.879V9h1.571L19 5.198zm-17.276.71a4 4 0 0 0-.757.681L4.69 9h1.735zM6.437 14L.734 18h1.727L7 14.822V14zM19 17.802v-1.22L15.313 14H13.57z"/></defs><path fill="#5b97b1" d="M32 5H4q-.308 0-.604.045l-.004 1.754l-2.73-.004A4 4 0 0 0 0 9v18a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V9a4 4 0 0 0-4-4"/><path fill="#ffce00" d="m13.598 27.772l-.487-1.499l-.487 1.499h-1.577l1.276.927l-.487 1.5l1.275-.927l1.276.927l-.487-1.5l1.275-.927zm6.485-1.166l.487-1.499l-1.276.926l-1.275-.926l.487 1.499l-1.276.927h1.577l.487 1.5l.487-1.5h1.577zm.487-6.785l-1.276.926l-1.275-.926l.487 1.499l-1.276.927h1.577l.487 1.5l.487-1.5h1.577l-1.275-.927zm4.473 5.449l.487-1.499l-1.276.926l-1.275-.926l.487 1.499l-1.276.927h1.577l.487 1.499l.488-1.499h1.576zm-1.276-10.574l.487 1.499l.488-1.499h1.576l-1.275-.927l.487-1.5l-1.276.927l-1.275-.927l.487 1.5l-1.276.927zm4.546 6.535l-.487-1.499l-.488 1.499h-1.576l1.275.927l-.487 1.5l1.276-.927l1.275.927l-.487-1.5l1.276-.927zm.043-8.104l.487 1.5l.488-1.5h1.576l-1.275-.926l.487-1.5l-1.276.927l-1.275-.927l.487 1.5l-1.276.926zm4.567 5.136l-.487-1.499l-.487 1.499h-1.577l1.276.927l-.488 1.5l1.276-.927l1.276.927l-.488-1.5l1.276-.927zm-1.275-9.216l-.488 1.5l1.276-.927l1.276.927l-.488-1.5L34.5 8.12h-1.577l-.487-1.499l-.487 1.499h-1.577z"/><use href="#SVGKEXNSd3J"/><use href="#SVGEkXX0dIM"/><path fill="#cf1b2b" d="M11 8.969V5H8v5H0v3h8v5h3v-5h8v-3h-8z"/><use href="#SVGqvgNxdos"/><use href="#SVGKEXNSd3J"/><use href="#SVGEkXX0dIM"/><path fill="#cf1b2b" d="M11 5H8v5H0v3h8v5h3v-5h8v-3h-8z"/><use href="#SVGqvgNxdos"/></svg>
Flag Tuvalu アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:flag-tuvalu" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:flag-tuvalu" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:flag-tuvalu" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--flag-tuvalu]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:flag-tuvalu"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:flag-tuvalu"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/flag-tuvalu.svg" alt="Flag Tuvalu アイコン" width="24" height="24">
他のアイコンセットの Flag Tuvalu アイコン
Flag Tuvalu アイコン のよくある質問
Flag Tuvalu アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Flag Tuvalu アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:flag-tuvalu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flag Tuvalu アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/flag-tuvalu.svg" alt="Flag Tuvalu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
