white flag emoji
white-flag from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- white-flag
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More extras openmoji icons from OpenMoji
Use the white flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGCHgwedXR" d="M23.084 17.488C25.97 15.69 31.506 13.255 37.5 16c3.689 1.69 5.634 4.698 15.04 4.114c.79-.049 1.46.597 1.46 1.41V36.65c0 .623-.423 1.077-.965 1.354C51.088 39 45.764 38.94 37.5 35c-3.365-1.604-8.57-2.568-14.458 1.443"/></defs><g fill="#fff"><path d="M22.303 17.488c2.957-1.798 8.634-4.233 14.78-1.488c3.782 1.69 5.777 4.698 15.42 4.114A1.414 1.414 0 0 1 54 21.524V36.65c0 .623-.434 1.077-.99 1.354c-1.995.996-7.454.935-15.927-3.004c-3.45-1.604-8.787-2.568-14.824 1.443"/><use href="#SVGCHgwedXR"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><use href="#SVGCHgwedXR" stroke-linejoin="round"/><path d="M19.327 12.875v46.96"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiWhiteFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGCHgwedXR" d="M23.084 17.488C25.97 15.69 31.506 13.255 37.5 16c3.689 1.69 5.634 4.698 15.04 4.114c.79-.049 1.46.597 1.46 1.41V36.65c0 .623-.423 1.077-.965 1.354C51.088 39 45.764 38.94 37.5 35c-3.365-1.604-8.57-2.568-14.458 1.443"/></defs><g fill="#fff"><path d="M22.303 17.488c2.957-1.798 8.634-4.233 14.78-1.488c3.782 1.69 5.777 4.698 15.42 4.114A1.414 1.414 0 0 1 54 21.524V36.65c0 .623-.434 1.077-.99 1.354c-1.995.996-7.454.935-15.927-3.004c-3.45-1.604-8.787-2.568-14.824 1.443"/><use href="#SVGCHgwedXR"/></g><g fill="none" stroke="#000" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2"><use href="#SVGCHgwedXR" strokeLinejoin="round"/><path d="M19.327 12.875v46.96"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><defs><path id="SVGCHgwedXR" d="M23.084 17.488C25.97 15.69 31.506 13.255 37.5 16c3.689 1.69 5.634 4.698 15.04 4.114c.79-.049 1.46.597 1.46 1.41V36.65c0 .623-.423 1.077-.965 1.354C51.088 39 45.764 38.94 37.5 35c-3.365-1.604-8.57-2.568-14.458 1.443"/></defs><g fill="#fff"><path d="M22.303 17.488c2.957-1.798 8.634-4.233 14.78-1.488c3.782 1.69 5.777 4.698 15.42 4.114A1.414 1.414 0 0 1 54 21.524V36.65c0 .623-.434 1.077-.99 1.354c-1.995.996-7.454.935-15.927-3.004c-3.45-1.604-8.787-2.568-14.824 1.443"/><use href="#SVGCHgwedXR"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><use href="#SVGCHgwedXR" stroke-linejoin="round"/><path d="M19.327 12.875v46.96"/></g></svg> </template>
CSS
.icon-white-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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGCHgwedXR%22%20d%3D%22M23.084%2017.488C25.97%2015.69%2031.506%2013.255%2037.5%2016c3.689%201.69%205.634%204.698%2015.04%204.114c.79-.049%201.46.597%201.46%201.41V36.65c0%20.623-.423%201.077-.965%201.354C51.088%2039%2045.764%2038.94%2037.5%2035c-3.365-1.604-8.57-2.568-14.458%201.443%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M22.303%2017.488c2.957-1.798%208.634-4.233%2014.78-1.488c3.782%201.69%205.777%204.698%2015.42%204.114A1.414%201.414%200%200%201%2054%2021.524V36.65c0%20.623-.434%201.077-.99%201.354c-1.995.996-7.454.935-15.927-3.004c-3.45-1.604-8.787-2.568-14.824%201.443%22%2F%3E%3Cuse%20href%3D%22%23SVGCHgwedXR%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cuse%20href%3D%22%23SVGCHgwedXR%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.327%2012.875v46.96%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGCHgwedXR%22%20d%3D%22M23.084%2017.488C25.97%2015.69%2031.506%2013.255%2037.5%2016c3.689%201.69%205.634%204.698%2015.04%204.114c.79-.049%201.46.597%201.46%201.41V36.65c0%20.623-.423%201.077-.965%201.354C51.088%2039%2045.764%2038.94%2037.5%2035c-3.365-1.604-8.57-2.568-14.458%201.443%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M22.303%2017.488c2.957-1.798%208.634-4.233%2014.78-1.488c3.782%201.69%205.777%204.698%2015.42%204.114A1.414%201.414%200%200%201%2054%2021.524V36.65c0%20.623-.434%201.077-.99%201.354c-1.995.996-7.454.935-15.927-3.004c-3.45-1.604-8.787-2.568-14.824%201.443%22%2F%3E%3Cuse%20href%3D%22%23SVGCHgwedXR%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cuse%20href%3D%22%23SVGCHgwedXR%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19.327%2012.875v46.96%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/white-flag.svg?color=%231a73e8&size=48
