beach with umbrella emoji
beach-with-umbrella from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- beach-with-umbrella
- 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 beach with umbrella emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="30.54" fill="#3b88c3" rx="18" ry="5.36"/><path fill="#88c9f9" d="M33.813 28.538c0 1.616-2.5 2.587-14.482 2.587c-10.925 0-13.612-.971-13.612-2.587s5.683-2.926 13.612-2.926s14.482 1.31 14.482 2.926"/><path fill="#f4900c" d="M7 28.25c0-1 1-5 11-5c12 0 15 4 15 5s0 2-14 2c-12 0-12-1-12-2"/><path fill="#66757f" d="M20.62 27.667a1.284 1.284 0 0 1-2.51-.545l5.083-25.985a1.284 1.284 0 1 1 2.508.545z"/><path fill="#dd2e44" d="M24.358 1.827C16.736.173 9.501 3.7 8.198 9.705c0 0-.363 1.672.474 1.854c.836.182 2.872-1.128 2.872-1.128l20.908 4.538s1.309 2.036 2.146 2.218s1.199-1.491 1.199-1.491C37.101 9.69 31.979 3.481 24.358 1.827"/><path fill="#ffe8b6" d="M24.358 1.827C18.584.574 12.847 4.426 11.544 10.43c0 0-.363 1.673 1.31 2.036c1.673.364 4.545-.765 4.545-.765l9.199 1.997s2.146 2.217 3.819 2.581c1.673.362 2.035-1.311 2.035-1.311c1.303-6.004-2.321-11.888-8.094-13.141"/><path fill="#dd2e44" d="M24.358 1.827c-3.003-.651-5.657 3.87-6.96 9.874c0 0 2.146 2.218 3.818 2.58l.837.183c1.673.362 4.544-.766 4.544-.766c1.304-6.004.764-11.219-2.239-11.871"/><path fill="#ffac33" d="M15.844 27.948c.469-.427 1.75-.326 2.5-.602s1.219-.627 1.844-.376s.812.627 1.406.678s1.031.402.781.678s-2.219.376-3.531.376s-3.579-.226-3-.754"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBeachWithUmbrella(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="30.54" fill="#3b88c3" rx="18" ry="5.36"/><path fill="#88c9f9" d="M33.813 28.538c0 1.616-2.5 2.587-14.482 2.587c-10.925 0-13.612-.971-13.612-2.587s5.683-2.926 13.612-2.926s14.482 1.31 14.482 2.926"/><path fill="#f4900c" d="M7 28.25c0-1 1-5 11-5c12 0 15 4 15 5s0 2-14 2c-12 0-12-1-12-2"/><path fill="#66757f" d="M20.62 27.667a1.284 1.284 0 0 1-2.51-.545l5.083-25.985a1.284 1.284 0 1 1 2.508.545z"/><path fill="#dd2e44" d="M24.358 1.827C16.736.173 9.501 3.7 8.198 9.705c0 0-.363 1.672.474 1.854c.836.182 2.872-1.128 2.872-1.128l20.908 4.538s1.309 2.036 2.146 2.218s1.199-1.491 1.199-1.491C37.101 9.69 31.979 3.481 24.358 1.827"/><path fill="#ffe8b6" d="M24.358 1.827C18.584.574 12.847 4.426 11.544 10.43c0 0-.363 1.673 1.31 2.036c1.673.364 4.545-.765 4.545-.765l9.199 1.997s2.146 2.217 3.819 2.581c1.673.362 2.035-1.311 2.035-1.311c1.303-6.004-2.321-11.888-8.094-13.141"/><path fill="#dd2e44" d="M24.358 1.827c-3.003-.651-5.657 3.87-6.96 9.874c0 0 2.146 2.218 3.818 2.58l.837.183c1.673.362 4.544-.766 4.544-.766c1.304-6.004.764-11.219-2.239-11.871"/><path fill="#ffac33" d="M15.844 27.948c.469-.427 1.75-.326 2.5-.602s1.219-.627 1.844-.376s.812.627 1.406.678s1.031.402.781.678s-2.219.376-3.531.376s-3.579-.226-3-.754"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="30.54" fill="#3b88c3" rx="18" ry="5.36"/><path fill="#88c9f9" d="M33.813 28.538c0 1.616-2.5 2.587-14.482 2.587c-10.925 0-13.612-.971-13.612-2.587s5.683-2.926 13.612-2.926s14.482 1.31 14.482 2.926"/><path fill="#f4900c" d="M7 28.25c0-1 1-5 11-5c12 0 15 4 15 5s0 2-14 2c-12 0-12-1-12-2"/><path fill="#66757f" d="M20.62 27.667a1.284 1.284 0 0 1-2.51-.545l5.083-25.985a1.284 1.284 0 1 1 2.508.545z"/><path fill="#dd2e44" d="M24.358 1.827C16.736.173 9.501 3.7 8.198 9.705c0 0-.363 1.672.474 1.854c.836.182 2.872-1.128 2.872-1.128l20.908 4.538s1.309 2.036 2.146 2.218s1.199-1.491 1.199-1.491C37.101 9.69 31.979 3.481 24.358 1.827"/><path fill="#ffe8b6" d="M24.358 1.827C18.584.574 12.847 4.426 11.544 10.43c0 0-.363 1.673 1.31 2.036c1.673.364 4.545-.765 4.545-.765l9.199 1.997s2.146 2.217 3.819 2.581c1.673.362 2.035-1.311 2.035-1.311c1.303-6.004-2.321-11.888-8.094-13.141"/><path fill="#dd2e44" d="M24.358 1.827c-3.003-.651-5.657 3.87-6.96 9.874c0 0 2.146 2.218 3.818 2.58l.837.183c1.673.362 4.544-.766 4.544-.766c1.304-6.004.764-11.219-2.239-11.871"/><path fill="#ffac33" d="M15.844 27.948c.469-.427 1.75-.326 2.5-.602s1.219-.627 1.844-.376s.812.627 1.406.678s1.031.402.781.678s-2.219.376-3.531.376s-3.579-.226-3-.754"/></svg> </template>
CSS
.icon-beach-with-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%2036%2036%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2230.54%22%20fill%3D%22%233b88c3%22%20rx%3D%2218%22%20ry%3D%225.36%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M33.813%2028.538c0%201.616-2.5%202.587-14.482%202.587c-10.925%200-13.612-.971-13.612-2.587s5.683-2.926%2013.612-2.926s14.482%201.31%2014.482%202.926%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M7%2028.25c0-1%201-5%2011-5c12%200%2015%204%2015%205s0%202-14%202c-12%200-12-1-12-2%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M20.62%2027.667a1.284%201.284%200%200%201-2.51-.545l5.083-25.985a1.284%201.284%200%201%201%202.508.545z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.358%201.827C16.736.173%209.501%203.7%208.198%209.705c0%200-.363%201.672.474%201.854c.836.182%202.872-1.128%202.872-1.128l20.908%204.538s1.309%202.036%202.146%202.218s1.199-1.491%201.199-1.491C37.101%209.69%2031.979%203.481%2024.358%201.827%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M24.358%201.827C18.584.574%2012.847%204.426%2011.544%2010.43c0%200-.363%201.673%201.31%202.036c1.673.364%204.545-.765%204.545-.765l9.199%201.997s2.146%202.217%203.819%202.581c1.673.362%202.035-1.311%202.035-1.311c1.303-6.004-2.321-11.888-8.094-13.141%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.358%201.827c-3.003-.651-5.657%203.87-6.96%209.874c0%200%202.146%202.218%203.818%202.58l.837.183c1.673.362%204.544-.766%204.544-.766c1.304-6.004.764-11.219-2.239-11.871%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M15.844%2027.948c.469-.427%201.75-.326%202.5-.602s1.219-.627%201.844-.376s.812.627%201.406.678s1.031.402.781.678s-2.219.376-3.531.376s-3.579-.226-3-.754%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%3Cellipse%20cx%3D%2218%22%20cy%3D%2230.54%22%20fill%3D%22%233b88c3%22%20rx%3D%2218%22%20ry%3D%225.36%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M33.813%2028.538c0%201.616-2.5%202.587-14.482%202.587c-10.925%200-13.612-.971-13.612-2.587s5.683-2.926%2013.612-2.926s14.482%201.31%2014.482%202.926%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M7%2028.25c0-1%201-5%2011-5c12%200%2015%204%2015%205s0%202-14%202c-12%200-12-1-12-2%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M20.62%2027.667a1.284%201.284%200%200%201-2.51-.545l5.083-25.985a1.284%201.284%200%201%201%202.508.545z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.358%201.827C16.736.173%209.501%203.7%208.198%209.705c0%200-.363%201.672.474%201.854c.836.182%202.872-1.128%202.872-1.128l20.908%204.538s1.309%202.036%202.146%202.218s1.199-1.491%201.199-1.491C37.101%209.69%2031.979%203.481%2024.358%201.827%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M24.358%201.827C18.584.574%2012.847%204.426%2011.544%2010.43c0%200-.363%201.673%201.31%202.036c1.673.364%204.545-.765%204.545-.765l9.199%201.997s2.146%202.217%203.819%202.581c1.673.362%202.035-1.311%202.035-1.311c1.303-6.004-2.321-11.888-8.094-13.141%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.358%201.827c-3.003-.651-5.657%203.87-6.96%209.874c0%200%202.146%202.218%203.818%202.58l.837.183c1.673.362%204.544-.766%204.544-.766c1.304-6.004.764-11.219-2.239-11.871%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M15.844%2027.948c.469-.427%201.75-.326%202.5-.602s1.219-.627%201.844-.376s.812.627%201.406.678s1.031.402.781.678s-2.219.376-3.531.376s-3.579-.226-3-.754%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/beach-with-umbrella.svg?color=%231a73e8&size=48
