Beachumbrella icon

fxemoji:beachumbrella

The Beachumbrella icon (fxemoji:beachumbrella) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="329.11" cy="37.955" r="29.185" fill="#FFCF53"/><path fill="#C2F4FF" d="M188.825 132.463c0 10.73-8.699 19.537-19.429 19.537H91.298c-8.189 0-14.827-6.746-14.827-14.935s6.638-14.935 14.827-14.935c1.235 0 2.429.168 3.576.452a15.4 15.4 0 0 1-.408-3.471c0-8.497 6.888-15.386 15.386-15.386c3.225 0 6.216.996 8.689 2.692c2.885-11.122 12.99-19.334 25.014-19.334c14.272 0 25.842 11.57 25.842 25.842c10.73.001 19.428 8.808 19.428 19.538m236.278-45.222c-1.851 0-3.648.229-5.368.654c.384-1.674.594-3.414.594-5.204c0-12.807-10.382-23.19-23.19-23.19c-4.861 0-9.37 1.498-13.097 4.054c-4.35-16.761-19.579-29.137-37.701-29.137c-21.511 0-38.949 17.438-38.949 38.949c-16.173 0-29.284 13.143-29.284 29.316s13.111 29.316 29.284 29.316h117.712c12.342 0 22.347-10.038 22.347-22.38c-.001-12.34-10.006-22.378-22.348-22.378"/><path fill="#76DFFF" d="M456.268 302.959c0-33.165-26.885-59.959-60.05-59.959H240.087c-33.165 0-60.05 26.835-60.05 60s26.885 60 60.05 60h53.362c-29.085 0-37.439 22-38.699 50h-33.295c-25.285 0-45.782 20.715-45.782 46s20.497 46 45.782 46h99.679c12.736 0 24.253-5.137 32.552-13.531c12.455-9.43 28.646-10.469 58.943-10.469h34.714c32.544 0 58.925-26.461 58.925-59.005c0-83.677-50-65.197-50-119.036"/><path fill="#F9E7C0" d="M294.098 373.867c0 33.165-7.531 60.05-40.696 60.05H121.109c-33.165 0-60.05-26.885-60.05-60.05s26.885-60.05 60.05-60.05h132.293c33.165 0 40.696 26.886 40.696 60.05"/><path fill="#F9E7C0" d="M350.18 326.659a7.6 7.6 0 0 0-1.525-1.239l-.967-.601a60 60 0 0 0-3.731-2.414c-9.645-6.463-25.489-19.012-28.666-35.652c-.635-24.738-20.868-44.753-45.753-44.753h-99.679c-17.453 0-32.621 10-40.345 24H56.258c-28.441 0-51.496 23.193-51.496 51.634c0 74.567 34.691 38.901 34.691 126.351c0 33.165 26.885 60.015 60.05 60.015h60.72c2.536 1 5.14 1 7.801 1h99.679c25.285 0 45.782-20.556 45.782-45.84c0-11.579 19.874-24.349 31.483-34.214c17.024-10.6 28.361-29.457 28.361-50.987c-.001-19.248-9.067-36.336-23.149-47.3"/><ellipse cx="194.161" cy="356.367" fill="#E5D4B1" rx="123.992" ry="31.333"/><path fill="#FF473E" d="M318.606 203.349L78.931 366.162c-4.106 2.789-9.878.426-10.576-4.488c-19.171-135.02 131.519-237.416 249.977-169.809c4.311 2.46 4.38 8.695.274 11.484"/><path fill="#597B91" d="M250.406 356s-.087-.424-.272-.69L143.862 202.809c-.483-.693-1.437-.819-2.129-.335c-.693.483-.863 1.275-.381 1.968L247.015 356z"/><path fill="#FD8C97" d="M144.394 198.939s2.023.524 5.408 1.548c3.246 1.121 7.994 2.646 13.493 4.613c5.407 2.032 11.488 4.56 17.83 7.39c6.198 2.93 12.896 5.995 19.076 9.421c3.1 1.706 6.383 3.284 9.284 5.068c2.904 1.782 5.89 3.447 8.549 5.218c5.296 3.558 10.091 6.982 13.75 10.231C239.275 248.805 243 254.75 243 254.75l-88.249 59.974s-3.412-4.676-6.796-13.914c-1.778-4.559-3.327-10.243-4.828-16.445c-.74-3.108-1.265-6.486-1.93-9.828c-.668-3.34-1.01-6.966-1.535-10.465c-1.07-6.984-1.622-14.33-2.221-21.159c-.454-6.93-.718-13.51-.748-19.286c.062-5.84.278-10.822.352-14.255c.213-3.53.424-5.609.424-5.609z"/><path fill="#00B1FF" d="M454.55 446.306a22.61 22.61 0 0 1-20.716 13.565c-8.5 0-16.233-4.774-20.093-12.272c-3.859 7.498-11.592 12.272-20.093 12.272a22.62 22.62 0 0 1-20.716-13.565a.681.681 0 0 1 1.247-.545a21.26 21.26 0 0 0 19.47 12.751a21.26 21.26 0 0 0 19.47-12.751c.015-.033.041-.056.06-.086c.026-.042.049-.084.084-.12c.041-.041.089-.068.138-.097c.024-.015.042-.037.069-.048l.01-.002c.054-.023.111-.029.169-.037c.031-.004.062-.017.093-.017s.062.013.093.017c.058.008.115.015.168.037q.005.002.011.002c.028.012.046.035.071.05c.047.029.095.055.135.095c.035.036.058.079.084.121c.019.03.045.052.06.085a21.26 21.26 0 0 0 19.47 12.751a21.26 21.26 0 0 0 19.47-12.751a.68.68 0 0 1 .896-.351c.343.151.5.552.35.896m17.155-80.506a.655.655 0 0 0-.863.338a20.48 20.48 0 0 1-18.761 12.285a20.48 20.48 0 0 1-18.76-12.285c-.014-.033-.04-.055-.059-.084c-.025-.039-.046-.08-.08-.114c-.036-.036-.079-.059-.122-.086c-.027-.017-.047-.041-.077-.054l-.013-.003c-.047-.02-.098-.024-.149-.032c-.034-.005-.067-.018-.101-.018s-.068.013-.102.019c-.05.008-.1.012-.147.032l-.014.003c-.032.014-.054.04-.083.058c-.04.025-.081.047-.115.081c-.035.035-.057.077-.083.117c-.018.028-.043.05-.057.081a20.48 20.48 0 0 1-18.76 12.285a.656.656 0 0 0 0 1.31c8.191 0 15.642-4.6 19.36-11.824a21.78 21.78 0 0 0 19.36 11.824a21.8 21.8 0 0 0 19.962-13.07a.653.653 0 0 0-.336-.863m-38.315-75.679a21.26 21.26 0 0 1-19.47-12.75c-.014-.033-.041-.056-.06-.085c-.026-.042-.049-.085-.084-.12c-.039-.039-.087-.065-.134-.094c-.026-.016-.045-.039-.073-.051l-.011-.002c-.057-.024-.117-.031-.179-.039c-.027-.003-.053-.015-.08-.015c-.042 0-.083.015-.126.023c-.046.009-.092.012-.135.03l-.015.003c-.034.015-.058.042-.088.062c-.041.026-.083.048-.117.082c-.037.037-.061.081-.088.125c-.018.029-.044.05-.057.082a21.26 21.26 0 0 1-19.47 12.75a21.26 21.26 0 0 1-19.47-12.75c-.014-.033-.041-.056-.06-.085c-.026-.042-.049-.085-.084-.12c-.039-.039-.087-.065-.134-.094c-.026-.016-.045-.039-.073-.051l-.011-.002c-.057-.024-.119-.031-.181-.039c-.026-.003-.052-.014-.078-.014c-.041 0-.082.015-.124.023c-.047.009-.094.012-.138.03l-.014.003c-.033.015-.056.041-.086.06c-.042.026-.085.049-.12.084c-.036.036-.06.081-.087.123c-.018.029-.044.051-.058.083a21.26 21.26 0 0 1-19.47 12.75a.68.68 0 0 0 0 1.36c8.5 0 16.233-4.774 20.093-12.271c3.859 7.497 11.592 12.271 20.093 12.271s16.233-4.774 20.093-12.271c3.859 7.497 11.592 12.271 20.093 12.271c.376 0 .68-.305.68-.68s-.301-.682-.677-.682"/></svg>

How to use the Beachumbrella icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:beachumbrella" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:beachumbrella" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:beachumbrella" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--beachumbrella]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:beachumbrella"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:beachumbrella"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/beachumbrella.svg" alt="Beachumbrella icon" width="24" height="24">

Beachumbrella icon FAQ

Is the Beachumbrella icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Beachumbrella icon in React?

Install @iconify/react and render <Icon icon="fxemoji:beachumbrella" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Beachumbrella icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/beachumbrella.svg" alt="Beachumbrella icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →