ICONYZ
Bahasa Indonesia
Ikon Beach With Umbrella dari OpenMoji

Ikon Beach With Umbrella

openmoji:beach-with-umbrella

Ikon Beach With Umbrella (openmoji:beach-with-umbrella) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
OpenMoji
Pembuat
OpenMoji
Lisensi
CC-BY-SA-4.0
Ukuran
72 × 72
Kategori
Perjalanan dan tempat
Tag
beachwith, withumbrella, beachwithumbrella
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f1b31c" d="M10 50c0-1 10.926-10.68 24-8.5q.496.083.989.17l5.503 1.122C49.528 44.855 59 49 60 49.495c0 0 1.059 1.118.667 2.422c-.396 1.316-3.51 2.083-3.51 2.083h-5.602l-5.83 1.243L27.584 55l-12.498-1H11.75s-1.22-.576-1.75-1.833C9.469 50.907 10 50 10 50"/><path fill="#92d3f5" d="M12 55.5c1.742-2.03 4.338-5.426 7-5c2.888.462 4.647 4.065 6.424 4.065c2.882 0 4.523-3.588 8.576-4.065c3.61-.425 3.594 2.281 6.016 3.672c.973.559 2.598.326 2.984.328c3.662.018 4.968-3.973 8-4c4.063-.037 7.406 1.563 8 5"/><path fill="#fff" d="M52.226 33.488C53.377 26.962 48.8 20.698 42 19.5s-13.243 3.12-14.394 9.647z"/><path fill="#ea5a47" d="M44.84 32.186C45.991 25.659 44.72 19.98 42 19.5s-5.857 4.423-7.008 10.95z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M12 54.5c1.742-2.03 4.338-4.426 7-4c2.888.462 3.303 3.484 6 4c3.091.591 4.947-3.523 9-4c3.61-.425 4.057 2.411 6.667 3.546c1.03.447 1.947.452 2.333.454c3.662.018 4.995-3.595 8-4c1.33-.179 3.302.227 6 3m-15.313-9.42C50.723 46.144 56.747 48.5 60 48.5M10 49c3.572-.357 9.749-8.878 22.823-6.7l.989.17m18.414-8.982C53.377 26.962 48.8 20.698 42 19.5s-13.243 3.12-14.394 9.647z"/><path d="M44.84 32.186C45.991 25.659 44.72 19.98 42 19.5s-5.857 4.423-7.008 10.95zM37.312 46.09l2.604-14.772h0z"/></g></svg>

Cara memakai ikon Beach With Umbrella

React

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

<Icon icon="openmoji:beach-with-umbrella" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:beach-with-umbrella" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:beach-with-umbrella" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--beach-with-umbrella]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:beach-with-umbrella"></div>

Web component

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

<iconify-icon icon="openmoji:beach-with-umbrella"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/beach-with-umbrella.svg" alt="Ikon Beach With Umbrella" width="24" height="24">

Ikon Beach With Umbrella di set ikon lain

FAQ Ikon Beach With Umbrella

Apakah ikon Beach With Umbrella gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Beach With Umbrella di React?

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

Bagaimana cara menambahkan ikon Beach With Umbrella ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/beach-with-umbrella.svg" alt="Ikon Beach With Umbrella">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →