ICONYZ
Türkçe
OpenMoji setinden Beach With Umbrella ikonu

Beach With Umbrella ikonu

openmoji:beach-with-umbrella

Beach With Umbrella ikonu (openmoji:beach-with-umbrella), OpenMoji setinden ücretsiz bir SVG ikondur. 72 × 72 ızgara üzerinde çizilmiştir. OpenMoji icons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
OpenMoji
Yazar
OpenMoji
Lisans
CC-BY-SA-4.0
Boyut
72 × 72
Kategori
Seyahat ve yerler
Etiketler
beachwith, withumbrella, beachwithumbrella
SVG indir

SVG kodu

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

Beach With Umbrella ikonu nasıl kullanılır

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 bileşeni

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

HTML görseli

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

Diğer ikon setlerinde Beach With Umbrella ikonu

Beach With Umbrella ikonu: sık sorulan sorular

Beach With Umbrella ikonu ticari kullanım için ücretsiz mi?

Evet. OpenMoji icons, CC BY-SA 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız ve ikonlarda yaptığınız değişiklikleri aynı lisansla paylaşmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Beach With Umbrella ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="openmoji:beach-with-umbrella" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Beach With Umbrella ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/openmoji/beach-with-umbrella.svg" alt="Beach With Umbrella ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: OpenMoji ikonları →