Drop Shadow Up ikonu
icon-park:drop-shadow-up
Drop Shadow Up ikonu (icon-park:drop-shadow-up), 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
- Düzenleme
- Etiketler
- dropshadow, shadowup, dropshadowup
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-width="4"><path fill="#2F88FF" fill-rule="evenodd" d="M24 43C28.4183 43 32.4183 41.2091 35.3138 38.3138C38.2091 35.4183 40 31.4183 40 27C40 22.5817 38.2091 18.5817 35.3138 15.6863C32.4183 12.7909 28.4183 11 24 11C19.5817 11 15.5817 12.7909 12.6863 15.6863C9.79086 18.5817 8 22.5817 8 27C8 31.4183 9.79086 35.4183 12.6863 38.3138C15.5817 41.2091 19.5817 43 24 43Z" clip-rule="evenodd"/><path d="M39.5566 11.4437C35.5754 7.46244 30.0754 5 24.0002 5C17.9251 5 12.4251 7.46244 8.44385 11.4437"/></g></svg>
Drop Shadow Up ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:drop-shadow-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:drop-shadow-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:drop-shadow-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--drop-shadow-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:drop-shadow-up"></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:drop-shadow-up"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/drop-shadow-up.svg" alt="Drop Shadow Up ikonu" width="24" height="24">
IconPark setindeki benzer ikonlar
Diğer ikon setlerinde Drop Shadow Up ikonu
Drop Shadow Up ikonu: sık sorulan sorular
Drop Shadow Up 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.
Drop Shadow Up ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:drop-shadow-up" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Drop Shadow Up 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/drop-shadow-up.svg" alt="Drop Shadow Up 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ı →
ICONYZ
