umbrella emoji
umbrella from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- umbrella
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
umbrellaAkar IconsumbrellaBootstrap IconsumbrellaCarbonumbrellaEmoji One (Colored)umbrellaElement Plusumbrella-fillEva IconsumbrellaFramework7 IconsumbrellaFont Awesome 6 SolidumbrellaFont Awesome SolidumbrellaFeather Iconsumbrella-20-filledFluent UI System IconsumbrellaFluent EmojiumbrellaFluent Emoji FlatumbrellaFluent Emoji High ContrastumbrellaFirefox OS Emojiumbrellacss.ggumbrellaHealth IconsumbrellaHuge IconsumbrellaIconParkumbrellaIconPark OutlineumbrellaIconPark SolidumbrellaIconPark TwoToneumbrellaIconoirumbrellaIonIcons
More travel places icons from OpenMoji
Use the umbrella emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b399c8" d="M46.97 36.97a.95.95 0 0 1-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4 20.16 18.11 6.36 35.51 6.36c0 0 7.53 3.01 11.46 30.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0 .01 0 .02-.01.03c.01-.05.01-.08.01-.08"/><path fill="#8967aa" d="M67.99 36.99s0 .03-.01.08c0 .02 0 .03-.01.05c0 .02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25 0 0 1-.13.03c-.05 0-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03 0-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0 0-.01 0-.01-.01c-.02 0-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02 0-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04 9.37 35.51 6.36 35.51 6.36c10.08 0 19.49 4.31 25.56 11.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48 8.44 5.9 17.84 5.9 17.84"/><path fill="#8967aa" d="M60.04 36.96c-.02 0-.04-.01-.06-.02c.02 0 .03.01.05.01c0 .01.01.01.01.01m7.47.4a1.2 1.2 0 0 1-.36-.16c.13.06.25.11.36.16"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M66.666 32.453C64.401 17.628 51.314 6.358 35.506 6.358C18.107 6.358 4 20.157 4 37.178c0 0 3.878-2.387 6.482-.366a.91.91 0 0 0 .944.099c1.711-.797 7.271-2.914 12.907.08a.9.9 0 0 0 .694.075c2.001-.616 12.183-3.434 21.155-.043a.95.95 0 0 0 .782-.053c5.616-2.96 11.15-.86 12.866-.063a.92.92 0 0 0 .96-.105c2.581-2.019 6.223.235 6.223.235"/><path d="M45.352 62.54c0 3.015-2.204 5.46-4.923 5.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925 36.992C16.586 4.655 35.507 6.358 35.507 6.358s-9.594.93-10.825 30.741m35.656-.109C54.677 4.653 35.507 6.358 35.507 6.358s9.841.912 11.072 30.723"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiUmbrella(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b399c8" d="M46.97 36.97a.95.95 0 0 1-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4 20.16 18.11 6.36 35.51 6.36c0 0 7.53 3.01 11.46 30.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0 .01 0 .02-.01.03c.01-.05.01-.08.01-.08"/><path fill="#8967aa" d="M67.99 36.99s0 .03-.01.08c0 .02 0 .03-.01.05c0 .02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25 0 0 1-.13.03c-.05 0-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03 0-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0 0-.01 0-.01-.01c-.02 0-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02 0-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04 9.37 35.51 6.36 35.51 6.36c10.08 0 19.49 4.31 25.56 11.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48 8.44 5.9 17.84 5.9 17.84"/><path fill="#8967aa" d="M60.04 36.96c-.02 0-.04-.01-.06-.02c.02 0 .03.01.05.01c0 .01.01.01.01.01m7.47.4a1.2 1.2 0 0 1-.36-.16c.13.06.25.11.36.16"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M66.666 32.453C64.401 17.628 51.314 6.358 35.506 6.358C18.107 6.358 4 20.157 4 37.178c0 0 3.878-2.387 6.482-.366a.91.91 0 0 0 .944.099c1.711-.797 7.271-2.914 12.907.08a.9.9 0 0 0 .694.075c2.001-.616 12.183-3.434 21.155-.043a.95.95 0 0 0 .782-.053c5.616-2.96 11.15-.86 12.866-.063a.92.92 0 0 0 .96-.105c2.581-2.019 6.223.235 6.223.235"/><path d="M45.352 62.54c0 3.015-2.204 5.46-4.923 5.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925 36.992C16.586 4.655 35.507 6.358 35.507 6.358s-9.594.93-10.825 30.741m35.656-.109C54.677 4.653 35.507 6.358 35.507 6.358s9.841.912 11.072 30.723"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#b399c8" d="M46.97 36.97a.95.95 0 0 1-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4 20.16 18.11 6.36 35.51 6.36c0 0 7.53 3.01 11.46 30.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0 .01 0 .02-.01.03c.01-.05.01-.08.01-.08"/><path fill="#8967aa" d="M67.99 36.99s0 .03-.01.08c0 .02 0 .03-.01.05c0 .02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25 0 0 1-.13.03c-.05 0-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03 0-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0 0-.01 0-.01-.01c-.02 0-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02 0-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04 9.37 35.51 6.36 35.51 6.36c10.08 0 19.49 4.31 25.56 11.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48 8.44 5.9 17.84 5.9 17.84"/><path fill="#8967aa" d="M60.04 36.96c-.02 0-.04-.01-.06-.02c.02 0 .03.01.05.01c0 .01.01.01.01.01m7.47.4a1.2 1.2 0 0 1-.36-.16c.13.06.25.11.36.16"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M66.666 32.453C64.401 17.628 51.314 6.358 35.506 6.358C18.107 6.358 4 20.157 4 37.178c0 0 3.878-2.387 6.482-.366a.91.91 0 0 0 .944.099c1.711-.797 7.271-2.914 12.907.08a.9.9 0 0 0 .694.075c2.001-.616 12.183-3.434 21.155-.043a.95.95 0 0 0 .782-.053c5.616-2.96 11.15-.86 12.866-.063a.92.92 0 0 0 .96-.105c2.581-2.019 6.223.235 6.223.235"/><path d="M45.352 62.54c0 3.015-2.204 5.46-4.923 5.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925 36.992C16.586 4.655 35.507 6.358 35.507 6.358s-9.594.93-10.825 30.741m35.656-.109C54.677 4.653 35.507 6.358 35.507 6.358s9.841.912 11.072 30.723"/></g></svg> </template>
CSS
.icon-umbrella {
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%3Cpath%20fill%3D%22%23b399c8%22%20d%3D%22M46.97%2036.97a.95.95%200%200%201-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4%2020.16%2018.11%206.36%2035.51%206.36c0%200%207.53%203.01%2011.46%2030.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0%20.01%200%20.02-.01.03c.01-.05.01-.08.01-.08%22%2F%3E%3Cpath%20fill%3D%22%238967aa%22%20d%3D%22M67.99%2036.99s0%20.03-.01.08c0%20.02%200%20.03-.01.05c0%20.02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25%200%200%201-.13.03c-.05%200-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03%200-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0%200-.01%200-.01-.01c-.02%200-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02%200-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04%209.37%2035.51%206.36%2035.51%206.36c10.08%200%2019.49%204.31%2025.56%2011.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48%208.44%205.9%2017.84%205.9%2017.84%22%2F%3E%3Cpath%20fill%3D%22%238967aa%22%20d%3D%22M60.04%2036.96c-.02%200-.04-.01-.06-.02c.02%200%20.03.01.05.01c0%20.01.01.01.01.01m7.47.4a1.2%201.2%200%200%201-.36-.16c.13.06.25.11.36.16%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M66.666%2032.453C64.401%2017.628%2051.314%206.358%2035.506%206.358C18.107%206.358%204%2020.157%204%2037.178c0%200%203.878-2.387%206.482-.366a.91.91%200%200%200%20.944.099c1.711-.797%207.271-2.914%2012.907.08a.9.9%200%200%200%20.694.075c2.001-.616%2012.183-3.434%2021.155-.043a.95.95%200%200%200%20.782-.053c5.616-2.96%2011.15-.86%2012.866-.063a.92.92%200%200%200%20.96-.105c2.581-2.019%206.223.235%206.223.235%22%2F%3E%3Cpath%20d%3D%22M45.352%2062.54c0%203.015-2.204%205.46-4.923%205.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925%2036.992C16.586%204.655%2035.507%206.358%2035.507%206.358s-9.594.93-10.825%2030.741m35.656-.109C54.677%204.653%2035.507%206.358%2035.507%206.358s9.841.912%2011.072%2030.723%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%3Cpath%20fill%3D%22%23b399c8%22%20d%3D%22M46.97%2036.97a.95.95%200%200%201-.79.05c-8.98-3.39-19.17-.56-21.16.05c-.23.07-.47.04-.68-.08c-5.65-3-11.21-.87-12.92-.08c-.31.15-.66.12-.93-.09c-2.61-2.03-6.49.36-6.49.36C4%2020.16%2018.11%206.36%2035.51%206.36c0%200%207.53%203.01%2011.46%2030.61m13-.03c-.05-.01-.09-.01-.14-.03c-.04-.02-.08-.04-.13-.06q.165.06.27.09m8.02.05v.05c0%20.01%200%20.02-.01.03c.01-.05.01-.08.01-.08%22%2F%3E%3Cpath%20fill%3D%22%238967aa%22%20d%3D%22M67.99%2036.99s0%20.03-.01.08c0%20.02%200%20.03-.01.05c0%20.02-.01.05-.02.07c-.02.04-.04.08-.07.11s-.06.05-.1.06a.25.25%200%200%201-.13.03c-.05%200-.09-.01-.14-.03c-.11-.05-.23-.1-.36-.16c-.06-.03-.14-.06-.22-.09c-1.54-.54-6.14-.31-6.14-.31c-.14.11-.29.17-.45.19h-.06c-.03%200-.09-.01-.17-.02h-.04c-.01-.01-.02-.01-.03-.01c0%200-.01%200-.01-.01c-.02%200-.03-.01-.05-.01h-.01q-.105-.03-.27-.09c-.02%200-.04-.01-.06-.02c-.06-.03-.12-.06-.19-.08c-.07-.04-.15-.07-.23-.11c-.04-.02-.08-.03-.14-.05c-1.72-.49-12.11.38-12.11.38C43.04%209.37%2035.51%206.36%2035.51%206.36c10.08%200%2019.49%204.31%2025.56%2011.52c.09.1.18.2.26.31c.26.32.51.64.76.96c6.48%208.44%205.9%2017.84%205.9%2017.84%22%2F%3E%3Cpath%20fill%3D%22%238967aa%22%20d%3D%22M60.04%2036.96c-.02%200-.04-.01-.06-.02c.02%200%20.03.01.05.01c0%20.01.01.01.01.01m7.47.4a1.2%201.2%200%200%201-.36-.16c.13.06.25.11.36.16%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M66.666%2032.453C64.401%2017.628%2051.314%206.358%2035.506%206.358C18.107%206.358%204%2020.157%204%2037.178c0%200%203.878-2.387%206.482-.366a.91.91%200%200%200%20.944.099c1.711-.797%207.271-2.914%2012.907.08a.9.9%200%200%200%20.694.075c2.001-.616%2012.183-3.434%2021.155-.043a.95.95%200%200%200%20.782-.053c5.616-2.96%2011.15-.86%2012.866-.063a.92.92%200%200%200%20.96-.105c2.581-2.019%206.223.235%206.223.235%22%2F%3E%3Cpath%20d%3D%22M45.352%2062.54c0%203.015-2.204%205.46-4.923%205.46s-4.923-2.445-4.923-5.46V35.393m.001-29.035V4M10.925%2036.992C16.586%204.655%2035.507%206.358%2035.507%206.358s-9.594.93-10.825%2030.741m35.656-.109C54.677%204.653%2035.507%206.358%2035.507%206.358s9.841.912%2011.072%2030.723%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/umbrella.svg?color=%231a73e8&size=48
