black flag emoji
black-flag from Twitter Emoji by Twitter · Default · Flags · CC-BY-4.0 Attribution required.
- Name
- black-flag
- Set
- Twitter Emoji
- Style
- Default
- Category
- Flags
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- flag-for-black-flag
The same emoji in other sets
More flags icons from Twitter Emoji
chequered-flagcrossed-flagsflag-afghanistanflag-aland-islandsflag-albaniaflag-algeriaflag-american-samoaflag-andorraflag-angolaflag-anguillaflag-antarcticaflag-antigua-and-barbudaflag-argentinaflag-armeniaflag-arubaflag-ascension-islandflag-australiaflag-austriaflag-azerbaijanflag-bahamasflag-bahrainflag-bangladeshflag-barbadosflag-belarus
Use the black flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><defs><path id="SVGgW8VvcSW3" fill="#8899a6" d="M5 36a2 2 0 0 1-2-2V3a2 2 0 0 1 4 0v31a2 2 0 0 1-2 2"/><path id="SVGe1jSs4bx3" fill="#aab8c2" d="M5 1a2 2 0 0 0-2 2v31a.5.5 0 0 0 1 0V4.414C4 3.633 4.633 3 5.414 3H7a2 2 0 0 0-2-2"/></defs><use href="#SVGgW8VvcSW3"/><use href="#SVGe1jSs4bx3"/><use href="#SVGgW8VvcSW3"/><use href="#SVGe1jSs4bx3"/><path fill="#31373d" d="M32.415 3.09c-1.752-.799-3.615-1.187-5.698-1.187c-2.518 0-5.02.57-7.438 1.122c-2.418.551-4.702 1.072-6.995 1.072c-1.79 0-3.382-.329-4.868-1.006A1 1 0 0 0 6 4v19c0 .392.229.747.585.91c1.752.799 3.616 1.187 5.698 1.187c2.518 0 5.02-.57 7.438-1.122c2.418-.551 4.702-1.071 6.995-1.071c1.79 0 3.383.329 4.868 1.007A1.003 1.003 0 0 0 33 23V4a1 1 0 0 0-.585-.91"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBlackFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><defs><path id="SVGgW8VvcSW3" fill="#8899a6" d="M5 36a2 2 0 0 1-2-2V3a2 2 0 0 1 4 0v31a2 2 0 0 1-2 2"/><path id="SVGe1jSs4bx3" fill="#aab8c2" d="M5 1a2 2 0 0 0-2 2v31a.5.5 0 0 0 1 0V4.414C4 3.633 4.633 3 5.414 3H7a2 2 0 0 0-2-2"/></defs><use href="#SVGgW8VvcSW3"/><use href="#SVGe1jSs4bx3"/><use href="#SVGgW8VvcSW3"/><use href="#SVGe1jSs4bx3"/><path fill="#31373d" d="M32.415 3.09c-1.752-.799-3.615-1.187-5.698-1.187c-2.518 0-5.02.57-7.438 1.122c-2.418.551-4.702 1.072-6.995 1.072c-1.79 0-3.382-.329-4.868-1.006A1 1 0 0 0 6 4v19c0 .392.229.747.585.91c1.752.799 3.616 1.187 5.698 1.187c2.518 0 5.02-.57 7.438-1.122c2.418-.551 4.702-1.071 6.995-1.071c1.79 0 3.383.329 4.868 1.007A1.003 1.003 0 0 0 33 23V4a1 1 0 0 0-.585-.91"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><defs><path id="SVGgW8VvcSW3" fill="#8899a6" d="M5 36a2 2 0 0 1-2-2V3a2 2 0 0 1 4 0v31a2 2 0 0 1-2 2"/><path id="SVGe1jSs4bx3" fill="#aab8c2" d="M5 1a2 2 0 0 0-2 2v31a.5.5 0 0 0 1 0V4.414C4 3.633 4.633 3 5.414 3H7a2 2 0 0 0-2-2"/></defs><use href="#SVGgW8VvcSW3"/><use href="#SVGe1jSs4bx3"/><use href="#SVGgW8VvcSW3"/><use href="#SVGe1jSs4bx3"/><path fill="#31373d" d="M32.415 3.09c-1.752-.799-3.615-1.187-5.698-1.187c-2.518 0-5.02.57-7.438 1.122c-2.418.551-4.702 1.072-6.995 1.072c-1.79 0-3.382-.329-4.868-1.006A1 1 0 0 0 6 4v19c0 .392.229.747.585.91c1.752.799 3.616 1.187 5.698 1.187c2.518 0 5.02-.57 7.438-1.122c2.418-.551 4.702-1.071 6.995-1.071c1.79 0 3.383.329 4.868 1.007A1.003 1.003 0 0 0 33 23V4a1 1 0 0 0-.585-.91"/></svg> </template>
CSS
.icon-black-flag {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGgW8VvcSW3%22%20fill%3D%22%238899a6%22%20d%3D%22M5%2036a2%202%200%200%201-2-2V3a2%202%200%200%201%204%200v31a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20id%3D%22SVGe1jSs4bx3%22%20fill%3D%22%23aab8c2%22%20d%3D%22M5%201a2%202%200%200%200-2%202v31a.5.5%200%200%200%201%200V4.414C4%203.633%204.633%203%205.414%203H7a2%202%200%200%200-2-2%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVGgW8VvcSW3%22%2F%3E%3Cuse%20href%3D%22%23SVGe1jSs4bx3%22%2F%3E%3Cuse%20href%3D%22%23SVGgW8VvcSW3%22%2F%3E%3Cuse%20href%3D%22%23SVGe1jSs4bx3%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M32.415%203.09c-1.752-.799-3.615-1.187-5.698-1.187c-2.518%200-5.02.57-7.438%201.122c-2.418.551-4.702%201.072-6.995%201.072c-1.79%200-3.382-.329-4.868-1.006A1%201%200%200%200%206%204v19c0%20.392.229.747.585.91c1.752.799%203.616%201.187%205.698%201.187c2.518%200%205.02-.57%207.438-1.122c2.418-.551%204.702-1.071%206.995-1.071c1.79%200%203.383.329%204.868%201.007A1.003%201.003%200%200%200%2033%2023V4a1%201%200%200%200-.585-.91%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGgW8VvcSW3%22%20fill%3D%22%238899a6%22%20d%3D%22M5%2036a2%202%200%200%201-2-2V3a2%202%200%200%201%204%200v31a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20id%3D%22SVGe1jSs4bx3%22%20fill%3D%22%23aab8c2%22%20d%3D%22M5%201a2%202%200%200%200-2%202v31a.5.5%200%200%200%201%200V4.414C4%203.633%204.633%203%205.414%203H7a2%202%200%200%200-2-2%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVGgW8VvcSW3%22%2F%3E%3Cuse%20href%3D%22%23SVGe1jSs4bx3%22%2F%3E%3Cuse%20href%3D%22%23SVGgW8VvcSW3%22%2F%3E%3Cuse%20href%3D%22%23SVGe1jSs4bx3%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M32.415%203.09c-1.752-.799-3.615-1.187-5.698-1.187c-2.518%200-5.02.57-7.438%201.122c-2.418.551-4.702%201.072-6.995%201.072c-1.79%200-3.382-.329-4.868-1.006A1%201%200%200%200%206%204v19c0%20.392.229.747.585.91c1.752.799%203.616%201.187%205.698%201.187c2.518%200%205.02-.57%207.438-1.122c2.418-.551%204.702-1.071%206.995-1.071c1.79%200%203.383.329%204.868%201.007A1.003%201.003%200%200%200%2033%2023V4a1%201%200%200%200-.585-.91%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/black-flag.svg?color=%231a73e8&size=48
