Flag For Haiti アイコン

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

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

emojione:flag-for-haiti

Flag For Haiti アイコン(emojione:flag-for-haiti)は、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、forhaiti、flagforhaiti、flag for flag haiti

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f42f4c" d="M32 62c16.6 0 30-13.4 30-30H2c0 16.6 13.4 30 30 30"/><path fill="#2a5f9e" d="M32 2C15.4 2 2 15.4 2 32h60C62 15.4 48.6 2 32 2"/><path fill="#fff" d="M20 22v17.4c.3-.2 23.7 0 24 .1V22z"/><path fill="#699635" d="M39.2 37.5H24.7L20 39.4V42h24v-2.5zm-1.8 3.1s-1.9.7-5.5.7c-3.5 0-5.5-.7-5.5-.7v-.8s1.5.7 5.5.7s5.5-.7 5.5-.7z"/><path fill="#f42f4c" d="M31.5 35.4c0-.3 0-.5-.1-.8l-2-2.2c-.6.1-.3 1-.1 1.4zm-2.8-1.8c-.6.2-.4 1-.2 1.5l2.6 1.5c.1-.1.3-.1.5-.1c0-.1 0-.3-.1-.6zm2.2 3.2l-2.6-1.5c-.3.1-.3.3-.3.6l1.2 1.8l1.6.5zm3.7-3c.2-.4.5-1.3-.1-1.4l-2 2.3c0 .3 0 .5-.1.8zm.9 1.3c.2-.5.5-1.3-.2-1.5l-3 2.3c0 .2 0 .4-.1.5c.2 0 .4.1.6.2zm.5.8c0-.3-.1-.5-.3-.5L33 36.8l.1 1.4l1.6-.5z"/><path fill="#699635" d="M32.3 27.8v.4c.2.5.4.9.8 1.2c.2-.3.2-1.2 0-2c.3.4.8.7 1.2.8c0-.3-.2-.8-.5-1.2c.6.3 1.3.5 2.1.4c-.2-.3-.7-.6-1.2-.9c.9.2 1.8.5 1.9.5c-.1-.9-.5-.9-1.2-1.2h1.8c-.4-.8-1.9-.8-3.1-.6c.7-.2 1.7-.5 1.8-.5c-.3-.2-1.7-1.1-3.4.3c0 .5-.2 1-.5 1s-.5-.4-.5-1c-1.7-1.3-3-.5-3.3-.2c.1 0 1.1.3 1.8.5c-1.2-.2-2.7-.1-3.1.6h1.8c-.7.4-1.1.4-1.2 1.2c0 0 1-.3 1.9-.5c-.5.3-1 .6-1.2.9c.8.1 1.6-.2 2.1-.4c-.3.4-.6.9-.5 1.2c.4-.1.8-.4 1.2-.8c-.2.8-.2 1.6 0 2q.45-.3.6-.9v-.7h.7z"/><path fill="#fff" d="M26.5 39.8v.8s2 .7 5.5.7s5.5-.7 5.5-.7v-.8s-1.5.7-5.5.7s-5.5-.7-5.5-.7"/><path fill="#2a5f9e" d="m29.5 32.4l-2.4-2.7c-.7.6-.7 1.5-.7 1.8l3 2.2c-.2-.3-.6-1.2.1-1.3m-.8 1.2l-3.6-2.8c-.5.6-.2 2.1-.1 2.4l3.5 1.9c-.2-.4-.5-1.3.2-1.5m-4.8.7c0 .3-.1.6.1 1.2l3.9.4c0-.3.1-.5.3-.5l-4.5-2.5c-.2.5.1 1.3.2 1.4m13.7-2.8c0-.3 0-1.2-.7-1.8l-2.4 2.7c.6.1.3 1 .1 1.4zm1.4 1.8c.1-.4.4-1.8-.1-2.4l-3.6 2.8c.6.2.4 1 .2 1.5zm1.2-.5l-4.5 2.5c.2.1.3.3.3.5l3.9-.4c.2-.6.1-.9.1-1.2c.2 0 .5-.8.2-1.4m-8.3-7c.3 0 .5-.4.5-1v-.1c0-.6-.2-1-.5-1s-.5.5-.5 1c0 .7.3 1.1.5 1.1"/><g fill="#ffe62e"><path d="m40.3 36.3l-.1-.8l-1.7.2c-.2-.1-.5-.2-.8-.2c-.4 0-.8.2-1.1.4l-2 .2l.2.8l.6-.1l-.5.9l-1.6.5V37H31v1.2l-1.6-.5l-.5-.8l-.1-.1l.6.1l.2-.8l-2-.2c-.3-.3-.7-.4-1.1-.4c-.3 0-.6.1-.8.2l-1.8-.2l-.1.8l1.2.1c-.1.2-.2.5-.2.8c0 1 .8 1.8 1.8 1.8c.8 0 1.5-.6 1.7-1.3l.3.4l2.5.7c0 .2.5.4 1.2.4c.6 0 1.2-.2 1.2-.4l2.5-.7l.3-.4c.2.8.9 1.3 1.7 1.3c1 0 1.8-.8 1.8-1.8c0-.3-.1-.6-.2-.8z"/><path d="M24.6 30.5c0 .1-.1.2-.1.3l.4.2l.2-.2l6.5 5.1l.1.5h.7l.1-.5l6.6-5.1l.2.2l.4-.2c-.1-.1-.1-.2-.2-.3h.3l.6-.8l-1 .4v.2h-.1l-.2-.2l-.3.3l.2.2l-6.4 4.7l.1-.7l4.6-5.1l.2.2l.4-.3c-.1-.1-.1-.2-.2-.2l.3-.1l.4-.9l-.9.6v.3c-.1-.1-.2-.1-.3-.2l-.3.4l.2.2l-2.8 2.9l.5-1.1l-.3-.1l-1.3 2.3l1-2.8h-.4l-1.1 3l.7-2.9H33l-.5 1.9c0-1-.2-5-.2-5h-.9s-.1 3.6-.1 4.7l-.3-1.6h-.4l.7 2.9l-1.1-3h-.4l1 2.8l-1.3-2.3l-.3.1l.5 1.1l-2.8-2.9l.2-.2l-.1-.4c-.1.1-.2.1-.3.2v-.3l-.9-.6l.4.9l.3.1l-.2.2l.4.3l.2-.2l4.5 5.1l.1.7l-6.3-4.7l.2-.2l-.4-.3c-.1.1-.2.1-.2.2h-.1v-.2l-1-.4l.6.8zm-1 2.5l.1-.2l7.1 4l.6-.2l-7.6-4l.1-.2l-.4-.3c-.1.1-.1.2-.2.2h-.1l-.1-.2l-1.1-.3l.7.7h.4c-.1.1-.1.2-.1.3zm17.4-.4l.7-.7l-1.1.3l-.1.2h-.1c-.1-.1-.1-.2-.2-.2l-.2.2l.1.2l-7.5 4l.5.2l2.6-1.5l4.5-2.5l.1.2l.5-.1c0-.1-.1-.2-.1-.3z"/></g><ellipse cx="32" cy="37" fill="#2a5f9e" rx="1.2" ry=".6"/></svg>

Flag For Haiti アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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

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