flag in hole emoji
flag-in-hole from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- flag-in-hole
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Emoji One (Colored)
Use the flag in hole emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><ellipse cx="32" cy="49.7" fill="#97b113" rx="30" ry="12.3"/><path fill="#1e1e1e" d="M28 47s3-6.6 5.6-9.6h-.9S28 43.1 26 46.7z" opacity=".3"/><ellipse cx="26.6" cy="50.3" fill="#c7c7c7" rx="8.7" ry="3.7"/><path fill="#3d2905" d="M26.6 48.2c4.2 0 7.7 1.2 8.5 2.9c.1-.3.2-.5.2-.8c0-2-3.9-3.7-8.7-3.7s-8.7 1.6-8.7 3.7c0 .3.1.5.2.8c.9-1.6 4.3-2.9 8.5-2.9"/><path fill="#ed4c5c" d="M45 9.3c-.9-.5-15.8-8.2-18-9.3v20.7c2.2-1.1 17.1-8.8 18-9.3c.7-.3.7-1.7 0-2.1"/><path fill="#1e1e1e" d="M28 53.9s-.9.1-2.4.1v-7.2H28z" opacity=".5"/><path fill="#d3976e" d="M25 0h2v54h-2z"/><path fill="#89664c" d="M25 52.2h2V54h-2z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneFlagInHole(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><ellipse cx="32" cy="49.7" fill="#97b113" rx="30" ry="12.3"/><path fill="#1e1e1e" d="M28 47s3-6.6 5.6-9.6h-.9S28 43.1 26 46.7z" opacity=".3"/><ellipse cx="26.6" cy="50.3" fill="#c7c7c7" rx="8.7" ry="3.7"/><path fill="#3d2905" d="M26.6 48.2c4.2 0 7.7 1.2 8.5 2.9c.1-.3.2-.5.2-.8c0-2-3.9-3.7-8.7-3.7s-8.7 1.6-8.7 3.7c0 .3.1.5.2.8c.9-1.6 4.3-2.9 8.5-2.9"/><path fill="#ed4c5c" d="M45 9.3c-.9-.5-15.8-8.2-18-9.3v20.7c2.2-1.1 17.1-8.8 18-9.3c.7-.3.7-1.7 0-2.1"/><path fill="#1e1e1e" d="M28 53.9s-.9.1-2.4.1v-7.2H28z" opacity=".5"/><path fill="#d3976e" d="M25 0h2v54h-2z"/><path fill="#89664c" d="M25 52.2h2V54h-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><ellipse cx="32" cy="49.7" fill="#97b113" rx="30" ry="12.3"/><path fill="#1e1e1e" d="M28 47s3-6.6 5.6-9.6h-.9S28 43.1 26 46.7z" opacity=".3"/><ellipse cx="26.6" cy="50.3" fill="#c7c7c7" rx="8.7" ry="3.7"/><path fill="#3d2905" d="M26.6 48.2c4.2 0 7.7 1.2 8.5 2.9c.1-.3.2-.5.2-.8c0-2-3.9-3.7-8.7-3.7s-8.7 1.6-8.7 3.7c0 .3.1.5.2.8c.9-1.6 4.3-2.9 8.5-2.9"/><path fill="#ed4c5c" d="M45 9.3c-.9-.5-15.8-8.2-18-9.3v20.7c2.2-1.1 17.1-8.8 18-9.3c.7-.3.7-1.7 0-2.1"/><path fill="#1e1e1e" d="M28 53.9s-.9.1-2.4.1v-7.2H28z" opacity=".5"/><path fill="#d3976e" d="M25 0h2v54h-2z"/><path fill="#89664c" d="M25 52.2h2V54h-2z"/></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%2064%2064%22%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2249.7%22%20fill%3D%22%2397b113%22%20rx%3D%2230%22%20ry%3D%2212.3%22%2F%3E%3Cpath%20fill%3D%22%231e1e1e%22%20d%3D%22M28%2047s3-6.6%205.6-9.6h-.9S28%2043.1%2026%2046.7z%22%20opacity%3D%22.3%22%2F%3E%3Cellipse%20cx%3D%2226.6%22%20cy%3D%2250.3%22%20fill%3D%22%23c7c7c7%22%20rx%3D%228.7%22%20ry%3D%223.7%22%2F%3E%3Cpath%20fill%3D%22%233d2905%22%20d%3D%22M26.6%2048.2c4.2%200%207.7%201.2%208.5%202.9c.1-.3.2-.5.2-.8c0-2-3.9-3.7-8.7-3.7s-8.7%201.6-8.7%203.7c0%20.3.1.5.2.8c.9-1.6%204.3-2.9%208.5-2.9%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M45%209.3c-.9-.5-15.8-8.2-18-9.3v20.7c2.2-1.1%2017.1-8.8%2018-9.3c.7-.3.7-1.7%200-2.1%22%2F%3E%3Cpath%20fill%3D%22%231e1e1e%22%20d%3D%22M28%2053.9s-.9.1-2.4.1v-7.2H28z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M25%200h2v54h-2z%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M25%2052.2h2V54h-2z%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%2064%2064%22%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2249.7%22%20fill%3D%22%2397b113%22%20rx%3D%2230%22%20ry%3D%2212.3%22%2F%3E%3Cpath%20fill%3D%22%231e1e1e%22%20d%3D%22M28%2047s3-6.6%205.6-9.6h-.9S28%2043.1%2026%2046.7z%22%20opacity%3D%22.3%22%2F%3E%3Cellipse%20cx%3D%2226.6%22%20cy%3D%2250.3%22%20fill%3D%22%23c7c7c7%22%20rx%3D%228.7%22%20ry%3D%223.7%22%2F%3E%3Cpath%20fill%3D%22%233d2905%22%20d%3D%22M26.6%2048.2c4.2%200%207.7%201.2%208.5%202.9c.1-.3.2-.5.2-.8c0-2-3.9-3.7-8.7-3.7s-8.7%201.6-8.7%203.7c0%20.3.1.5.2.8c.9-1.6%204.3-2.9%208.5-2.9%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M45%209.3c-.9-.5-15.8-8.2-18-9.3v20.7c2.2-1.1%2017.1-8.8%2018-9.3c.7-.3.7-1.7%200-2.1%22%2F%3E%3Cpath%20fill%3D%22%231e1e1e%22%20d%3D%22M28%2053.9s-.9.1-2.4.1v-7.2H28z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M25%200h2v54h-2z%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M25%2052.2h2V54h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/flag-in-hole.svg?color=%231a73e8&size=48
