ICONYZ
Türkçe
IconPark setinden Beach Umbrella ikonu

Beach Umbrella ikonu

icon-park:beach-umbrella

Beach Umbrella ikonu (icon-park:beach-umbrella), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans 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
IconPark
Yazar
ByteDance
Lisans
Apache-2.0
Boyut
48 × 48
Kategori
Yaşam
Etiketler
beachumbrella
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M14.3409 21.4119L24.0002 24.0001L33.6594 26.5883L43.3187 29.1765C45.6567 20.4506 41.8476 11.5259 34.5459 7.00012C32.9196 5.99211 31.12 5.20232 29.1765 4.68156C26.9383 4.08183 24.6869 3.88656 22.5001 4.05095C14.2628 4.67018 6.94074 10.3926 4.68164 18.8237L14.3409 21.4119Z"/><path stroke="#fff" d="M29.1762 4.6814C29.1762 4.6814 23.5355 8.34634 20.3095 12.6583C17.0836 16.9703 16.2725 21.9294 16.2725 21.9294"/><path stroke="#fff" d="M29.1768 4.6814C29.1768 4.6814 32.2293 10.6757 32.8671 16.023C33.5048 21.3702 31.7278 26.0705 31.7278 26.0705"/><path stroke="#000" d="M4.68164 18.8237L14.3409 21.4119L24.0002 24.0001L33.6594 26.5883L43.3187 29.1765"/><path stroke="#000" d="M4 44H44"/><path stroke="#000" d="M24 24L18.5 43.9999"/><path stroke="#000" d="M22.5 4.05095C24.6868 3.88656 26.9382 4.08183 29.1764 4.68156C31.1199 5.20232 32.9195 5.99211 34.5458 7.00012"/></g></svg>

Beach Umbrella ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="icon-park:beach-umbrella"></iconify-icon>

HTML görseli

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

Diğer ikon setlerinde Beach Umbrella ikonu

Beach Umbrella ikonu: sık sorulan sorular

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

Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

Beach 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/icon-park/beach-umbrella.svg" alt="Beach 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: IconPark ikonları →