أيقونة Flag For Haiti

emojione:flag-for-haiti

أيقونة Flag For Haiti (emojione:flag-for-haiti) أيقونة SVG مجانية من مجموعة Emoji One (Colored) من تصميم 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>

مكوّن ويب

<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، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Flag For Haiti في React؟

ثبّت @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">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Emoji One (Colored) →