Flag For Vanuatu アイコン

Q: Flag For Vanuatu アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

emojione:flag-for-vanuatu

Flag For Vanuatu アイコン(emojione:flag-for-vanuatu)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Colored)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 旗
タグ: flagfor、forvanuatu、flagforvanuatu、flag for flag vanuatu

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M32 2C22.8 2 14.6 6.1 9.1 12.7V32h52.1v-7C58 11.8 46.2 2 32 2"/><path fill="#83bf4f" d="M9.1 32v19.3C14.6 57.9 22.8 62 32 62c14.2 0 26-9.8 29.2-23v-7z"/><g fill="#3e4347"><path d="M9.1 12.7c-.9 1.1-1.8 2.3-2.6 3.5v3.7h-2C2.9 23.6 2 27.7 2 32s.9 8.4 2.6 12.1h2v3.7c.8 1.2 1.6 2.4 2.6 3.5L28.4 32z"/><path d="M61.9 34v-4c-.1-1.7-.4-3.4-.8-5h-52v14h52.1c.4-1.6.6-3.3.7-5"/></g><path fill="#ffce31" d="M6.5 16.2c-.7 1.2-1.4 2.4-2 3.7L16.7 32L4.6 44.1c.6 1.3 1.2 2.5 2 3.7L20.3 34h41.6c0-.7.1-1.3.1-2s0-1.3-.1-2H20.3z"/><g fill="#fdce12"><path d="M7.3 26.7c-1.1 0-4.6.8-4.6 4.4s3.4 4 4.1 4s3.2-.6 2.9-3.3c0 .8-.9 2.4-2.7 2.4s-3-1.4-3-2.7s1.1-3.1 3-3.1s3.3 1.7 3.3 3.4s-1.4 3.9-3.5 3.9v2.1c1.8 0 5.3-1.4 5.3-5.8c.1-4.5-3.7-5.3-4.8-5.3"/><path d="M7.4 30.9q0-.15 0 0v-.1c.1-.1.4-.1.5-.2c.3-.2.5-.4.7-.9v-.1c-.5-.1-.9.1-1.1.4c-.1.2-.2.4-.3.5c0 .1-.1.1-.1.1c-.1 0-.1-.1-.1-.1c-.1-.1-.2-.4-.3-.5c-.2-.3-.6-.5-1.1-.4v.1c.2.4.4.7.7.9c.2.1.4.1.5.2l.1.1h-.1c-.4.1-.7.4-.9.7s-.4.7-.3 1.1h.1c.4-.1.7-.4 1-.6c.2-.3.4-.5.5-.9c.1.3.3.6.5.9c.3.2.5.5 1 .6h.1c0-.5-.1-.8-.3-1.1c-.4-.3-.7-.6-1.1-.7"/></g></svg>

Flag For Vanuatu アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:flag-for-vanuatu" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:flag-for-vanuatu" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:flag-for-vanuatu" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--flag-for-vanuatu]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:flag-for-vanuatu"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:flag-for-vanuatu"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/flag-for-vanuatu.svg" alt="Flag For Vanuatu アイコン" width="24" height="24">

Emoji One (Colored) の関連アイコン

他のアイコンセットの Flag For Vanuatu アイコン

Flag For Vanuatu アイコンのよくある質問

Flag For Vanuatu アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Flag For Vanuatu アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione:flag-for-vanuatu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Flag For Vanuatu アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/flag-for-vanuatu.svg" alt="Flag For Vanuatu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (Colored) アイコンをすべて見る →