ICONYZ
Türkçe
IconPark setinden Sunshade ikonu

Sunshade ikonu

icon-park:sunshade

Sunshade ikonu (icon-park:sunshade), 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
Seyahat
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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M40.1032 25.8171C39.2068 28.0998 30.4308 28.8255 21.3618 26.3955C12.2929 23.9655 6.5828 19.5523 7.2617 17.0172C8.79543 11.2933 16.9744 2.46226 28.6712 6.68869C40.368 10.9151 41.6369 20.0931 40.1032 25.8171Z"/><path d="M27.9995 7.00001C27.9995 7.00001 23.9993 13.5 20.9995 24C17.9997 34.5 17.9997 42 17.9997 42"/><path d="M28.0003 6.99998C28.0003 6.99998 17.7941 8.84351 15 17"/><path d="M28.0003 7.00001C28.0003 7.00001 34 13 30.9998 22"/><path d="M10 43C10 43 19 41.5 26 41.5C33 41.5 39 42 39 42"/><path d="M27.9999 6.99988C29 6.99988 31 5.99988 31.8145 4.41966"/><path d="M34 41C34 39.3431 33 37 30 37C27 37 26 39.3431 26 41"/></g></svg>

Sunshade ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:sunshade"></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:sunshade"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/icon-park/sunshade.svg" alt="Sunshade ikonu" width="24" height="24">

Diğer ikon setlerinde Sunshade ikonu

Sunshade ikonu: sık sorulan sorular

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

Sunshade ikonunu React'te nasıl kullanırım?

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

Sunshade 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/sunshade.svg" alt="Sunshade 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ı →