Ikon Panda
logos:panda
Ikon Panda (logos:panda) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 203. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 203
Kode SVG
<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>
Cara memakai ikon Panda
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:panda"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/panda.svg" alt="Ikon Panda" width="24" height="24">
Ikon terkait di SVG Logos
Ikon Panda di set ikon lain
FAQ Ikon Panda
Apakah ikon Panda gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Panda di React?
Pasang @iconify/react lalu render <Icon icon="logos:panda" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Panda ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/panda.svg" alt="Ikon Panda">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
ICONYZ
