Icono Flag Haiti

twemoji:flag-haiti

El icono Flag Haiti (twemoji:flag-haiti) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Twitter Emoji
Autor: Twitter
Licencia: CC-BY-4.0
Tamaño: 36 × 36
Categoría: Banderas
Etiquetas: flaghaiti

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#d21c33" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#00209f" d="M32 5H4a4 4 0 0 0-4 4v9h36V9a4 4 0 0 0-4-4"/><path fill="#fff" d="M12 13.041h11.906V23H12z"/><path fill="#006a16" d="M23.906 21.622c-1.499-.761-3.529-1.237-5.901-1.237c-2.37 0-4.506.476-6.005 1.237V23h11.906z"/><path fill="#00209f" d="m15.523 16.72l1.165 1.311l-.146.822l-.252-.143l-.227.858h-.059l-.107.453l-1.979-.167l.048-1.412l.477.137l.058-1.318l.693.471l.035-.798z"/><path fill="#d21c33" d="M18.005 19.282v2.002l-1.5-.441l-.382-.56l-.262-.191l.143-.506l.226-.876h.346l.085-.739zm-4.313-.906c.179-.214.513-.071.524 0c.012.072-.131.059-.262.179c-.131.119-.095.488-.322.441c-.226-.048.06-.62.06-.62m.809-1.115c.231-.156.513.074.504.146s-.143.021-.301.099c-.159.078-.227.443-.432.334c-.204-.109.229-.579.229-.579m.954-.682c.249-.125.499.14.481.21s-.193-.054-.36.003c-.168.057-.234.466-.423.331c-.189-.134.302-.544.302-.544"/><path fill="#f1b517" d="m14.945 16.023l.773.471l-.085.226l2.087 2.311v.179l-2.169-2.431l-.283-.047zm-1.11.697s.775.298.775.334s.142.274.142.274l2.824 2.288l-.083.108l-2.801-2.288l-.405-.179zm-.822 1.174s.894.125.906.161s.072.239.072.239l3.276 1.787l-.143.084l-3.193-1.765l-.369-.024z"/><path fill="#f1b517" d="m13.788 19.592l3.367.411l-.319.384l-.499.05l.373.501l-.18.203l-.501-.548s-.155.798-.834.798s-.895-.679-.895-.906s.06-.345.06-.345h-.644z"/><path fill="#00209f" d="m20.445 16.648l-1.217 1.443l.05.833l.313-.214l.226.858h.06l.107.453l1.978-.167l-.048-1.412l-.476.137l-.059-1.318l-.692.471l-.037-.798z"/><path fill="#d21c33" d="M18.005 19.282v2.002l1.436-.441l.349-.56l.246-.191l-.151-.506l-.235-.876l-.266.198l-.092-.817zm4.183-.906c-.18-.214-.514-.071-.525 0c-.012.072.132.059.263.179c.131.119.096.488.322.441c.226-.048-.06-.62-.06-.62m-.809-1.115c-.231-.156-.512.074-.504.146s.143.021.302.099s.226.443.432.334c.203-.109-.23-.579-.23-.579m-.953-.682c-.25-.125-.498.14-.481.21s.192-.054.359.003c.168.057.235.466.424.331c.189-.134-.302-.544-.302-.544"/><path fill="#f1b517" d="m20.935 16.023l-.772.471l.149.226l-2.02 2.311v.179l2.103-2.431l.251-.047zm1.11.697s-.774.298-.774.334s-.143.274-.143.274l-2.824 2.288l.084.108l2.8-2.288l.404-.179zm.822 1.174s-.894.125-.905.161c-.013.036-.071.239-.071.239l-3.277 1.787l.143.084l3.193-1.764l.37-.024z"/><path fill="#f1b517" d="m22.093 19.592l-3.366.411l.319.384l.498.05l-.373.501l.181.203l.501-.548s.155.798.834.798c.68 0 .894-.679.894-.905c0-.227-.059-.345-.059-.345h.643z"/><path fill="#fff" d="M22.86 22.142s-.59.021-1.209-.113c-.619-.135-.726-.377-.995-.323s-.893.285-1.404.351c-.512.064-1.247.086-1.247.086s-.676-.021-1.188-.086c-.512-.066-1.077-.297-1.347-.351c-.269-.054-.377.189-.997.323c-.619.135-1.212.113-1.212.113l.162.286l-.162.14c1.401.026 2.048-.426 2.048-.426c.7.464 2.696.477 2.696.477s2.056-.013 2.756-.477c0 0 .676.452 2.076.426l-.148-.14z"/><path fill="#f1b517" d="M18.292 17.894c0 1.49-.13 2.699-.292 2.699s-.292-1.209-.292-2.699c0-1.491.131-2.699.292-2.699c.162 0 .292 1.208.292 2.699"/><path fill="#d21c33" d="M17.434 20.426h1.144v1.145h-1.144z"/><path fill="#fff" d="M18.649 20.354c0 .132-.274.238-.614.238s-.614-.107-.614-.238s.275-.238.614-.238c.34 0 .614.107.614.238"/><path fill="#d21c33" d="M18.649 21.498c0 .132-.274.238-.614.238s-.614-.106-.614-.238s.275-.238.614-.238c.34 0 .614.106.614.238"/><path fill="#006a16" d="M20.514 14.694c-.229-.274-.818-.262-1.218-.274c-.399-.012-.601.131-.422-.059s.455-.142.746-.155c.292-.012.343-.047.164-.142a1.23 1.23 0 0 0-.91-.106c-.409.105-.667.36-.885.404c-.218-.043-.491-.299-.9-.404a1.25 1.25 0 0 0-.918.106c-.179.095-.131.13.161.142s.565-.036.744.155s-.024.047-.423.059s-.989 0-1.218.274s.199.095.426.059s.56-.047.56-.047s-.56.166-.715.381c-.155.214.047.405.334.238c.286-.167.727-.393.965-.417c0 0-.62.258-.894.481s.013.199.221.199s.422-.083.601-.215c.179-.131-.118.262-.167.513c-.047.25.322.191.388 0c.065-.191.279-.572.279-.572s-.094.548-.082.918s.134.393.229.226s.425.099.425.099s.3-.266.395-.099s.186.143.198-.226s-.083-.918-.083-.918s.214.381.28.572c.065.191.435.25.387 0s-.345-.644-.166-.513s.393.215.601.215c.209 0 .495.024.222-.199c-.274-.223-.894-.481-.894-.481c.239.024.679.25.965.417s.488-.024.333-.238c-.155-.215-.715-.381-.715-.381s.334.012.561.047c.226.037.654.215.425-.059"/></svg>

Cómo usar el icono Flag Haiti

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="twemoji:flag-haiti"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/twemoji/flag-haiti.svg" alt="Icono Flag Haiti" width="24" height="24">

Iconos relacionados en Twitter Emoji

El icono Flag Haiti en otras colecciones

Preguntas frecuentes sobre Icono Flag Haiti

¿El icono Flag Haiti es gratis para uso comercial?

Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Flag Haiti en React?

Instala @iconify/react y renderiza <Icon icon="twemoji:flag-haiti" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Flag Haiti a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/flag-haiti.svg" alt="Icono Flag Haiti">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Twitter Emoji →