closed umbrella emoji
closed-umbrella from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- closed-umbrella
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the closed umbrella emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="m8.986 8.9l19.058 18.98a1 1 0 0 0 1.412-1.418L10.4 7.486z"/><path fill="#8c5543" fill-rule="evenodd" d="M6.506 6.43a1.475 1.475 0 0 0-2.079.007a1.466 1.466 0 0 0 .01 2.076a1 1 0 1 1-1.414 1.414a3.466 3.466 0 0 1-.01-4.904a3.475 3.475 0 0 1 4.9-.014l.003.003l2.51 2.5a1 1 0 0 1-1.412 1.417z" clip-rule="evenodd"/><path fill="#8d65c5" d="M19.31 5.98c-.9-.9-3.12.98-3.14 2.51h.02l-.02.02v-.02c-1.73 0-3.13 1.39-3.14 3.12a3.137 3.137 0 0 0-3.15 3.12c-1.47-.01-3.27 2.24-2.43 3.07c4.07 4.05 19.51 11.14 21.29 9.35c1.7-1.71-5.38-17.13-9.43-21.17"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatClosedUmbrella(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="m8.986 8.9l19.058 18.98a1 1 0 0 0 1.412-1.418L10.4 7.486z"/><path fill="#8c5543" fillRule="evenodd" d="M6.506 6.43a1.475 1.475 0 0 0-2.079.007a1.466 1.466 0 0 0 .01 2.076a1 1 0 1 1-1.414 1.414a3.466 3.466 0 0 1-.01-4.904a3.475 3.475 0 0 1 4.9-.014l.003.003l2.51 2.5a1 1 0 0 1-1.412 1.417z" clipRule="evenodd"/><path fill="#8d65c5" d="M19.31 5.98c-.9-.9-3.12.98-3.14 2.51h.02l-.02.02v-.02c-1.73 0-3.13 1.39-3.14 3.12a3.137 3.137 0 0 0-3.15 3.12c-1.47-.01-3.27 2.24-2.43 3.07c4.07 4.05 19.51 11.14 21.29 9.35c1.7-1.71-5.38-17.13-9.43-21.17"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="m8.986 8.9l19.058 18.98a1 1 0 0 0 1.412-1.418L10.4 7.486z"/><path fill="#8c5543" fill-rule="evenodd" d="M6.506 6.43a1.475 1.475 0 0 0-2.079.007a1.466 1.466 0 0 0 .01 2.076a1 1 0 1 1-1.414 1.414a3.466 3.466 0 0 1-.01-4.904a3.475 3.475 0 0 1 4.9-.014l.003.003l2.51 2.5a1 1 0 0 1-1.412 1.417z" clip-rule="evenodd"/><path fill="#8d65c5" d="M19.31 5.98c-.9-.9-3.12.98-3.14 2.51h.02l-.02.02v-.02c-1.73 0-3.13 1.39-3.14 3.12a3.137 3.137 0 0 0-3.15 3.12c-1.47-.01-3.27 2.24-2.43 3.07c4.07 4.05 19.51 11.14 21.29 9.35c1.7-1.71-5.38-17.13-9.43-21.17"/></g></svg> </template>
CSS
.icon-closed-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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22m8.986%208.9l19.058%2018.98a1%201%200%200%200%201.412-1.418L10.4%207.486z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.506%206.43a1.475%201.475%200%200%200-2.079.007a1.466%201.466%200%200%200%20.01%202.076a1%201%200%201%201-1.414%201.414a3.466%203.466%200%200%201-.01-4.904a3.475%203.475%200%200%201%204.9-.014l.003.003l2.51%202.5a1%201%200%200%201-1.412%201.417z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M19.31%205.98c-.9-.9-3.12.98-3.14%202.51h.02l-.02.02v-.02c-1.73%200-3.13%201.39-3.14%203.12a3.137%203.137%200%200%200-3.15%203.12c-1.47-.01-3.27%202.24-2.43%203.07c4.07%204.05%2019.51%2011.14%2021.29%209.35c1.7-1.71-5.38-17.13-9.43-21.17%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22m8.986%208.9l19.058%2018.98a1%201%200%200%200%201.412-1.418L10.4%207.486z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.506%206.43a1.475%201.475%200%200%200-2.079.007a1.466%201.466%200%200%200%20.01%202.076a1%201%200%201%201-1.414%201.414a3.466%203.466%200%200%201-.01-4.904a3.475%203.475%200%200%201%204.9-.014l.003.003l2.51%202.5a1%201%200%200%201-1.412%201.417z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M19.31%205.98c-.9-.9-3.12.98-3.14%202.51h.02l-.02.02v-.02c-1.73%200-3.13%201.39-3.14%203.12a3.137%203.137%200%200%200-3.15%203.12c-1.47-.01-3.27%202.24-2.43%203.07c4.07%204.05%2019.51%2011.14%2021.29%209.35c1.7-1.71-5.38-17.13-9.43-21.17%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/closed-umbrella.svg?color=%231a73e8&size=48
