umbrella on ground emoji
umbrella-on-ground from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- umbrella-on-ground
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the umbrella on ground emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M34 31H2a2 2 0 0 0-2 2v3h36v-3a2 2 0 0 0-2-2"/><path fill="#66757f" d="M16.996 32.5a1.5 1.5 0 0 1-2.932-.637L20.004 1.5a1.5 1.5 0 0 1 2.931.636z"/><path fill="#dd2e44" d="M21.363 2.307C12.458.375 4.004 4.495 2.481 11.512c0 0-.424 1.954.553 2.167s3.356-1.318 3.356-1.318l24.431 5.303s1.53 2.379 2.508 2.591c.977.212 1.401-1.742 1.401-1.742c1.524-7.018-4.461-14.273-13.367-16.206"/><path fill="#e1e8ed" d="M21.363 2.307C14.617.843 7.914 5.344 6.391 12.36c0 0-.424 1.955 1.53 2.379s5.31-.894 5.31-.894l10.749 2.333s2.508 2.59 4.463 3.015c1.954.424 2.378-1.53 2.378-1.53c1.524-7.017-2.712-13.892-9.458-15.356"/><path fill="#dd2e44" d="M21.363 2.307c-3.508-.761-6.609 4.521-8.132 11.538c0 0 2.507 2.591 4.462 3.015l.977.212c1.955.424 5.31-.894 5.31-.894c1.524-7.016.892-13.109-2.617-13.871"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiUmbrellaOnGround(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M34 31H2a2 2 0 0 0-2 2v3h36v-3a2 2 0 0 0-2-2"/><path fill="#66757f" d="M16.996 32.5a1.5 1.5 0 0 1-2.932-.637L20.004 1.5a1.5 1.5 0 0 1 2.931.636z"/><path fill="#dd2e44" d="M21.363 2.307C12.458.375 4.004 4.495 2.481 11.512c0 0-.424 1.954.553 2.167s3.356-1.318 3.356-1.318l24.431 5.303s1.53 2.379 2.508 2.591c.977.212 1.401-1.742 1.401-1.742c1.524-7.018-4.461-14.273-13.367-16.206"/><path fill="#e1e8ed" d="M21.363 2.307C14.617.843 7.914 5.344 6.391 12.36c0 0-.424 1.955 1.53 2.379s5.31-.894 5.31-.894l10.749 2.333s2.508 2.59 4.463 3.015c1.954.424 2.378-1.53 2.378-1.53c1.524-7.017-2.712-13.892-9.458-15.356"/><path fill="#dd2e44" d="M21.363 2.307c-3.508-.761-6.609 4.521-8.132 11.538c0 0 2.507 2.591 4.462 3.015l.977.212c1.955.424 5.31-.894 5.31-.894c1.524-7.016.892-13.109-2.617-13.871"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M34 31H2a2 2 0 0 0-2 2v3h36v-3a2 2 0 0 0-2-2"/><path fill="#66757f" d="M16.996 32.5a1.5 1.5 0 0 1-2.932-.637L20.004 1.5a1.5 1.5 0 0 1 2.931.636z"/><path fill="#dd2e44" d="M21.363 2.307C12.458.375 4.004 4.495 2.481 11.512c0 0-.424 1.954.553 2.167s3.356-1.318 3.356-1.318l24.431 5.303s1.53 2.379 2.508 2.591c.977.212 1.401-1.742 1.401-1.742c1.524-7.018-4.461-14.273-13.367-16.206"/><path fill="#e1e8ed" d="M21.363 2.307C14.617.843 7.914 5.344 6.391 12.36c0 0-.424 1.955 1.53 2.379s5.31-.894 5.31-.894l10.749 2.333s2.508 2.59 4.463 3.015c1.954.424 2.378-1.53 2.378-1.53c1.524-7.017-2.712-13.892-9.458-15.356"/><path fill="#dd2e44" d="M21.363 2.307c-3.508-.761-6.609 4.521-8.132 11.538c0 0 2.507 2.591 4.462 3.015l.977.212c1.955.424 5.31-.894 5.31-.894c1.524-7.016.892-13.109-2.617-13.871"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M34%2031H2a2%202%200%200%200-2%202v3h36v-3a2%202%200%200%200-2-2%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M16.996%2032.5a1.5%201.5%200%200%201-2.932-.637L20.004%201.5a1.5%201.5%200%200%201%202.931.636z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M21.363%202.307C12.458.375%204.004%204.495%202.481%2011.512c0%200-.424%201.954.553%202.167s3.356-1.318%203.356-1.318l24.431%205.303s1.53%202.379%202.508%202.591c.977.212%201.401-1.742%201.401-1.742c1.524-7.018-4.461-14.273-13.367-16.206%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M21.363%202.307C14.617.843%207.914%205.344%206.391%2012.36c0%200-.424%201.955%201.53%202.379s5.31-.894%205.31-.894l10.749%202.333s2.508%202.59%204.463%203.015c1.954.424%202.378-1.53%202.378-1.53c1.524-7.017-2.712-13.892-9.458-15.356%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M21.363%202.307c-3.508-.761-6.609%204.521-8.132%2011.538c0%200%202.507%202.591%204.462%203.015l.977.212c1.955.424%205.31-.894%205.31-.894c1.524-7.016.892-13.109-2.617-13.871%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%23ffac33%22%20d%3D%22M34%2031H2a2%202%200%200%200-2%202v3h36v-3a2%202%200%200%200-2-2%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M16.996%2032.5a1.5%201.5%200%200%201-2.932-.637L20.004%201.5a1.5%201.5%200%200%201%202.931.636z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M21.363%202.307C12.458.375%204.004%204.495%202.481%2011.512c0%200-.424%201.954.553%202.167s3.356-1.318%203.356-1.318l24.431%205.303s1.53%202.379%202.508%202.591c.977.212%201.401-1.742%201.401-1.742c1.524-7.018-4.461-14.273-13.367-16.206%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M21.363%202.307C14.617.843%207.914%205.344%206.391%2012.36c0%200-.424%201.955%201.53%202.379s5.31-.894%205.31-.894l10.749%202.333s2.508%202.59%204.463%203.015c1.954.424%202.378-1.53%202.378-1.53c1.524-7.017-2.712-13.892-9.458-15.356%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M21.363%202.307c-3.508-.761-6.609%204.521-8.132%2011.538c0%200%202.507%202.591%204.462%203.015l.977.212c1.955.424%205.31-.894%205.31-.894c1.524-7.016.892-13.109-2.617-13.871%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/umbrella-on-ground.svg?color=%231a73e8&size=48
