flag in hole emoji
flag-in-hole from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- flag-in-hole
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the flag in hole emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M4 36h28c2 0 3.731-2 3.731-4c0-4.355-4.634-11-17.731-11C4.508 21 .193 27.459.193 32C.193 34 2 36 4 36"/><path fill="#5c913b" d="M11.292 29.5s.958.667 1.958.667c2.208-4.875 13-7.5 14-7.5c.15 0 .33-.018.512-.047a21 21 0 0 0-2.33-.737c-4.626.063-13.031 3.917-14.14 7.617"/><ellipse cx="12.5" cy="30.5" fill="#292f33" rx="6.5" ry="2.5"/><path fill="#ffac33" d="M10 4v26c0 .553.448.844 1 .844s1-.291 1-.844V4z"/><path fill="#dd2e44" d="M10 3C10 .8 11.695-.395 13.767.345l9.466 3.381c2.071.74 2.071 1.951 0 2.69l-9.466 3.381C11.695 10.538 10 9.343 10 7.143z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFlagInHole(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M4 36h28c2 0 3.731-2 3.731-4c0-4.355-4.634-11-17.731-11C4.508 21 .193 27.459.193 32C.193 34 2 36 4 36"/><path fill="#5c913b" d="M11.292 29.5s.958.667 1.958.667c2.208-4.875 13-7.5 14-7.5c.15 0 .33-.018.512-.047a21 21 0 0 0-2.33-.737c-4.626.063-13.031 3.917-14.14 7.617"/><ellipse cx="12.5" cy="30.5" fill="#292f33" rx="6.5" ry="2.5"/><path fill="#ffac33" d="M10 4v26c0 .553.448.844 1 .844s1-.291 1-.844V4z"/><path fill="#dd2e44" d="M10 3C10 .8 11.695-.395 13.767.345l9.466 3.381c2.071.74 2.071 1.951 0 2.69l-9.466 3.381C11.695 10.538 10 9.343 10 7.143z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M4 36h28c2 0 3.731-2 3.731-4c0-4.355-4.634-11-17.731-11C4.508 21 .193 27.459.193 32C.193 34 2 36 4 36"/><path fill="#5c913b" d="M11.292 29.5s.958.667 1.958.667c2.208-4.875 13-7.5 14-7.5c.15 0 .33-.018.512-.047a21 21 0 0 0-2.33-.737c-4.626.063-13.031 3.917-14.14 7.617"/><ellipse cx="12.5" cy="30.5" fill="#292f33" rx="6.5" ry="2.5"/><path fill="#ffac33" d="M10 4v26c0 .553.448.844 1 .844s1-.291 1-.844V4z"/><path fill="#dd2e44" d="M10 3C10 .8 11.695-.395 13.767.345l9.466 3.381c2.071.74 2.071 1.951 0 2.69l-9.466 3.381C11.695 10.538 10 9.343 10 7.143z"/></svg> </template>
CSS
.icon-flag-in-hole {
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%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M4%2036h28c2%200%203.731-2%203.731-4c0-4.355-4.634-11-17.731-11C4.508%2021%20.193%2027.459.193%2032C.193%2034%202%2036%204%2036%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M11.292%2029.5s.958.667%201.958.667c2.208-4.875%2013-7.5%2014-7.5c.15%200%20.33-.018.512-.047a21%2021%200%200%200-2.33-.737c-4.626.063-13.031%203.917-14.14%207.617%22%2F%3E%3Cellipse%20cx%3D%2212.5%22%20cy%3D%2230.5%22%20fill%3D%22%23292f33%22%20rx%3D%226.5%22%20ry%3D%222.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M10%204v26c0%20.553.448.844%201%20.844s1-.291%201-.844V4z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M10%203C10%20.8%2011.695-.395%2013.767.345l9.466%203.381c2.071.74%202.071%201.951%200%202.69l-9.466%203.381C11.695%2010.538%2010%209.343%2010%207.143z%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%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M4%2036h28c2%200%203.731-2%203.731-4c0-4.355-4.634-11-17.731-11C4.508%2021%20.193%2027.459.193%2032C.193%2034%202%2036%204%2036%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M11.292%2029.5s.958.667%201.958.667c2.208-4.875%2013-7.5%2014-7.5c.15%200%20.33-.018.512-.047a21%2021%200%200%200-2.33-.737c-4.626.063-13.031%203.917-14.14%207.617%22%2F%3E%3Cellipse%20cx%3D%2212.5%22%20cy%3D%2230.5%22%20fill%3D%22%23292f33%22%20rx%3D%226.5%22%20ry%3D%222.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M10%204v26c0%20.553.448.844%201%20.844s1-.291%201-.844V4z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M10%203C10%20.8%2011.695-.395%2013.767.345l9.466%203.381c2.071.74%202.071%201.951%200%202.69l-9.466%203.381C11.695%2010.538%2010%209.343%2010%207.143z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/flag-in-hole.svg?color=%231a73e8&size=48
