Panda ikonu
icon-park:panda
Panda ikonu (icon-park:panda), 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
- Hayvanlar
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><ellipse cx="24" cy="27" fill="#2F88FF" stroke="#000" rx="18" ry="17"/><ellipse cx="16.933" cy="24.64" fill="#43CCF8" stroke="#fff" rx="3" ry="4" transform="rotate(15 16.933 24.64)"/><ellipse fill="#43CCF8" stroke="#fff" rx="3" ry="4" transform="scale(-1 1)rotate(15 -109.047 -105.16)"/><path stroke="#000" stroke-linecap="round" d="M40.9995 20.999C44.1237 17.8748 44.4376 12.7804 41.3134 9.65616C38.1892 6.53196 32.124 6.87507 28.9998 9.99927"/><path stroke="#000" stroke-linecap="round" d="M7 20.9995C3.87581 17.8753 3.53224 12.7807 6.65644 9.65655C9.78063 6.53236 15.8758 6.87532 19 9.99951"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M20 35C20.5 36.2935 22.2 38.2769 25 35.8623C27.8 38.2769 29.5 36.2935 30 35"/></g></svg>
Panda ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:panda" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:panda" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:panda" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--panda]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:panda"></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:panda"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/panda.svg" alt="Panda ikonu" width="24" height="24">
Diğer ikon setlerinde Panda ikonu
Panda ikonu: sık sorulan sorular
Panda 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.
Panda ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:panda" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Panda 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/panda.svg" alt="Panda 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
