Ikon Beachumbrella

fxemoji:beachumbrella

Ikon Beachumbrella (fxemoji:beachumbrella) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Firefox OS Emoji
Pembuat: Mozilla
Lisensi: Apache-2.0
Ukuran: 512 × 512
Kategori: Tempat

Download SVG

Kode SVG

<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>

Cara memakai ikon Beachumbrella

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>

Gambar HTML

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

FAQ Ikon Beachumbrella

Apakah ikon Beachumbrella gratis untuk penggunaan komersial?

Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Beachumbrella di React?

Pasang @iconify/react lalu render <Icon icon="fxemoji:beachumbrella" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Beachumbrella ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/beachumbrella.svg" alt="Ikon Beachumbrella">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Firefox OS Emoji →