Panda ikonu

logos:panda

Panda ikonu (logos:panda), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 203 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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: SVG Logos
Yazar: Gil Barbara
Lisans: CC0-1.0
Boyut: 256 × 203

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="203" viewBox="0 0 256 203"><path fill="#090b08" d="M256 39.788c0-20.403-14.696-37.007-35.105-37.007c-12.06 0-20.814 4.191-26.34 11.08c-1.033.786-1.938 1.69-2.838 2.607C173.904 6.078 152.134.07 128.115 0C103.177.068 81.12 5.888 63.324 16.159C57.661 7.848 47.783 2.781 34.398 2.781C13.989 2.781 0 19.385 0 39.788C0 55.435 7.682 67.87 19.476 73.492c-1.815 7.387-2.865 15.139-2.865 23.29c0 59.075 48.976 105.969 111.498 105.969h.059c60.436 0 111.498-48.816 111.498-105.916c0-8.333-1.227-16.312-3.322-23.939C247.966 66.997 256 54.859 256 39.788"/><path fill="#fff" d="M226.806 97.41c0 49.378-45.422 91.504-98.875 91.504s-98.883-40.032-98.883-89.411c0-49.385 45.429-89.411 98.883-89.411s98.875 37.933 98.875 87.318"/><path fill="#090b08" d="M107.819 78.44c-2.266 17.232-13.732 29.934-25.594 28.368c-11.863-1.565-19.643-16.803-17.371-34.035s13.731-29.933 25.6-28.368c11.863 1.559 19.643 16.796 17.365 34.035"/><path fill="#fff" d="M98.38 62.067c0 5.138-4.167 9.306-9.306 9.306s-9.306-4.168-9.306-9.306c0-5.139 4.167-9.307 9.306-9.307s9.306 4.168 9.306 9.307"/><path fill="#090b08" d="M147.911 78.44c2.272 17.232 13.731 29.934 25.594 28.368c11.869-1.565 19.643-16.803 17.371-34.035s-13.732-29.933-25.595-28.368c-11.868 1.559-19.642 16.796-17.37 34.035"/><path fill="#fff" d="M157.356 62.067a9.304 9.304 0 0 0 9.306 9.306c5.139 0 9.3-4.168 9.3-9.306c0-5.139-4.161-9.307-9.3-9.307a9.304 9.304 0 0 0-9.306 9.307"/><path fill="#090b08" d="M134.853 138.443v-10.208c0-.554-.053-1.078-.167-1.556c7.579-1.457 13.079-5.528 13.079-10.379c0-4.756-1.057-8.805-8.401-10.344c-2.035-.422-8.415-.654-10.7-.654c-2.186 0-8.474.212-10.429.601c-7.491 1.487-8.679 5.582-8.679 10.397c0 6.007 8.385 10.871 18.788 10.972c-.04.316-.096.621-.096.963v10.683c-15.285-.189-29.511-10.613-29.511-3.649c0 7.034 15.138 13.699 30.581 13.699s27.959-5.7 27.959-12.735c0-6.069-9.814.337-22.424 2.21"/><path fill="#e7ebe0" d="M136.946 114.206c0 1.962-4.861 3.56-8.282 3.56s-8.289-1.598-8.289-3.56c0-1.565 2.476-2.893 4.907-3.375c.634-.126 2.675-.192 3.382-.192c.74 0 2.807.08 3.467.212c2.378.495 4.815 1.809 4.815 3.355"/><path fill="#e1dedc" d="M127.931 10.092c-53.454 0-98.883 40.026-98.883 89.411c0 49.379 45.429 89.411 98.883 89.411c-2.134 0-4.254-.086-6.354-.211q4.179-.26 8.269-.846c-46.756-6.578-84.047-43.619-84.047-88.354c0-44.86 37.496-81.98 84.437-88.4a113 113 0 0 0-8.514-.812c2.061-.119 4.128-.199 6.209-.199"/><path fill="#f1efee" d="M127.931 10.092c2.86 0 5.693.133 8.507.344c-2.081.165-4.155.383-6.202.667c46.743 6.262 84.008 41.578 84.008 86.307c0 44.847-37.476 83.691-84.398 90.447q3.142.436 6.334.694c-2.728.224-5.475.363-8.249.363c53.453 0 98.875-42.126 98.875-91.504c0-49.385-45.422-87.318-98.875-87.318"/><path fill="#d3d0cd" d="M129.846 187.857q-4.09.587-8.269.846c2.1.125 4.22.211 6.354.211c2.774 0 5.521-.139 8.249-.363q-3.192-.258-6.334-.694m-1.915-177.765c-2.081 0-4.148.08-6.209.199q4.302.248 8.514.812c2.047-.284 4.121-.502 6.202-.667a114 114 0 0 0-8.507-.344"/><path fill="#fff" d="M229.008 54.533c4.09-3.612 6.722-8.837 6.722-14.725c0-10.885-8.824-19.716-19.716-19.716c-4.74 0-9.031 1.742-12.431 4.529c10.633 8.313 19.267 18.423 25.425 29.912m-202.959.827c5.817-11.823 14.191-22.108 24.688-30.52c-3.439-2.919-7.835-4.748-12.699-4.748c-10.885 0-19.716 8.831-19.716 19.716c0 6.356 3.059 11.947 7.727 15.552"/></svg>

Panda ikonu nasıl kullanılır

React

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

<Icon icon="logos:panda" width="24" />

Vue

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

<template>
  <Icon icon="logos:panda" width="24" />
</template>

Svelte

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

<Icon icon="logos:panda" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:panda"></div>

Web bileşeni

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

<iconify-icon icon="logos:panda"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/logos/panda.svg" alt="Panda ikonu" width="24" height="24">

SVG Logos setindeki benzer ikonlar

Diğer ikon setlerinde Panda ikonu

Panda ikonu: sık sorulan sorular

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

Evet. SVG Logos icons, CC0 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="logos: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/logos/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: SVG Logos ikonları →