umbrella on ground emoji
umbrella-on-ground from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- umbrella-on-ground
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the umbrella on ground emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m22.05 24.174l-.002-.008l-6.762-6.752L7.87 24.83c-.2.2-.52.2-.72 0s-.2-.52 0-.72l7.415-7.415l-3.215-3.21l.004-.004L7.03 9.154c-.76-.76-.82-1.95-.08-2.51c3.191-2.44 7.275-3.189 11.037-2.256a13.1 13.1 0 0 1 5.775 3.11l.518-.518c.2-.2.52-.2.72 0s.2.52 0 .72l-.516.516c4.383 4.71 4.682 11.838.876 16.814c-.376.488-1.022.628-1.636.449a2.1 2.1 0 0 1-.904-.535zm4.523-10.161a12.1 12.1 0 0 0-1.792-3.83c-.22 2.508-2.29 6.21-5.596 9.712l3.567 3.562c2.55-2.868 3.862-6.315 3.821-9.444m-8.602-8.597c-3.13-.038-6.575 1.276-9.437 3.829L12.09 12.8c3.503-3.305 7.202-5.375 9.709-5.596a12.1 12.1 0 0 0-3.827-1.789"/><path d="m13.16 16.685l-6.717 6.718c-.59.59-.59 1.544 0 2.134s1.544.59 2.134 0l6.718-6.718l6.775 6.775l.058.059l.005.004c1.034 1.035 2.96 1.357 4.02-.017l.001-.003a13.95 13.95 0 0 0 2.819-9.476A3 3 0 0 1 31 19v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h8.475z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastUmbrellaOnGround(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m22.05 24.174l-.002-.008l-6.762-6.752L7.87 24.83c-.2.2-.52.2-.72 0s-.2-.52 0-.72l7.415-7.415l-3.215-3.21l.004-.004L7.03 9.154c-.76-.76-.82-1.95-.08-2.51c3.191-2.44 7.275-3.189 11.037-2.256a13.1 13.1 0 0 1 5.775 3.11l.518-.518c.2-.2.52-.2.72 0s.2.52 0 .72l-.516.516c4.383 4.71 4.682 11.838.876 16.814c-.376.488-1.022.628-1.636.449a2.1 2.1 0 0 1-.904-.535zm4.523-10.161a12.1 12.1 0 0 0-1.792-3.83c-.22 2.508-2.29 6.21-5.596 9.712l3.567 3.562c2.55-2.868 3.862-6.315 3.821-9.444m-8.602-8.597c-3.13-.038-6.575 1.276-9.437 3.829L12.09 12.8c3.503-3.305 7.202-5.375 9.709-5.596a12.1 12.1 0 0 0-3.827-1.789"/><path d="m13.16 16.685l-6.717 6.718c-.59.59-.59 1.544 0 2.134s1.544.59 2.134 0l6.718-6.718l6.775 6.775l.058.059l.005.004c1.034 1.035 2.96 1.357 4.02-.017l.001-.003a13.95 13.95 0 0 0 2.819-9.476A3 3 0 0 1 31 19v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h8.475z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m22.05 24.174l-.002-.008l-6.762-6.752L7.87 24.83c-.2.2-.52.2-.72 0s-.2-.52 0-.72l7.415-7.415l-3.215-3.21l.004-.004L7.03 9.154c-.76-.76-.82-1.95-.08-2.51c3.191-2.44 7.275-3.189 11.037-2.256a13.1 13.1 0 0 1 5.775 3.11l.518-.518c.2-.2.52-.2.72 0s.2.52 0 .72l-.516.516c4.383 4.71 4.682 11.838.876 16.814c-.376.488-1.022.628-1.636.449a2.1 2.1 0 0 1-.904-.535zm4.523-10.161a12.1 12.1 0 0 0-1.792-3.83c-.22 2.508-2.29 6.21-5.596 9.712l3.567 3.562c2.55-2.868 3.862-6.315 3.821-9.444m-8.602-8.597c-3.13-.038-6.575 1.276-9.437 3.829L12.09 12.8c3.503-3.305 7.202-5.375 9.709-5.596a12.1 12.1 0 0 0-3.827-1.789"/><path d="m13.16 16.685l-6.717 6.718c-.59.59-.59 1.544 0 2.134s1.544.59 2.134 0l6.718-6.718l6.775 6.775l.058.059l.005.004c1.034 1.035 2.96 1.357 4.02-.017l.001-.003a13.95 13.95 0 0 0 2.819-9.476A3 3 0 0 1 31 19v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h8.475z"/></g></svg> </template>
CSS
.icon-umbrella-on-ground {
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%22currentColor%22%3E%3Cpath%20d%3D%22m22.05%2024.174l-.002-.008l-6.762-6.752L7.87%2024.83c-.2.2-.52.2-.72%200s-.2-.52%200-.72l7.415-7.415l-3.215-3.21l.004-.004L7.03%209.154c-.76-.76-.82-1.95-.08-2.51c3.191-2.44%207.275-3.189%2011.037-2.256a13.1%2013.1%200%200%201%205.775%203.11l.518-.518c.2-.2.52-.2.72%200s.2.52%200%20.72l-.516.516c4.383%204.71%204.682%2011.838.876%2016.814c-.376.488-1.022.628-1.636.449a2.1%202.1%200%200%201-.904-.535zm4.523-10.161a12.1%2012.1%200%200%200-1.792-3.83c-.22%202.508-2.29%206.21-5.596%209.712l3.567%203.562c2.55-2.868%203.862-6.315%203.821-9.444m-8.602-8.597c-3.13-.038-6.575%201.276-9.437%203.829L12.09%2012.8c3.503-3.305%207.202-5.375%209.709-5.596a12.1%2012.1%200%200%200-3.827-1.789%22%2F%3E%3Cpath%20d%3D%22m13.16%2016.685l-6.717%206.718c-.59.59-.59%201.544%200%202.134s1.544.59%202.134%200l6.718-6.718l6.775%206.775l.058.059l.005.004c1.034%201.035%202.96%201.357%204.02-.017l.001-.003a13.95%2013.95%200%200%200%202.819-9.476A3%203%200%200%201%2031%2019v8a3%203%200%200%201-3%203H4a3%203%200%200%201-3-3v-8a3%203%200%200%201%203-3h8.475z%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%22currentColor%22%3E%3Cpath%20d%3D%22m22.05%2024.174l-.002-.008l-6.762-6.752L7.87%2024.83c-.2.2-.52.2-.72%200s-.2-.52%200-.72l7.415-7.415l-3.215-3.21l.004-.004L7.03%209.154c-.76-.76-.82-1.95-.08-2.51c3.191-2.44%207.275-3.189%2011.037-2.256a13.1%2013.1%200%200%201%205.775%203.11l.518-.518c.2-.2.52-.2.72%200s.2.52%200%20.72l-.516.516c4.383%204.71%204.682%2011.838.876%2016.814c-.376.488-1.022.628-1.636.449a2.1%202.1%200%200%201-.904-.535zm4.523-10.161a12.1%2012.1%200%200%200-1.792-3.83c-.22%202.508-2.29%206.21-5.596%209.712l3.567%203.562c2.55-2.868%203.862-6.315%203.821-9.444m-8.602-8.597c-3.13-.038-6.575%201.276-9.437%203.829L12.09%2012.8c3.503-3.305%207.202-5.375%209.709-5.596a12.1%2012.1%200%200%200-3.827-1.789%22%2F%3E%3Cpath%20d%3D%22m13.16%2016.685l-6.717%206.718c-.59.59-.59%201.544%200%202.134s1.544.59%202.134%200l6.718-6.718l6.775%206.775l.058.059l.005.004c1.034%201.035%202.96%201.357%204.02-.017l.001-.003a13.95%2013.95%200%200%200%202.819-9.476A3%203%200%200%201%2031%2019v8a3%203%200%200%201-3%203H4a3%203%200%200%201-3-3v-8a3%203%200%200%201%203-3h8.475z%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-high-contrast/umbrella-on-ground.svg?color=%231a73e8&size=48
