Panda icon

logos:panda

The Panda icon (logos:panda) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 203 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 203

Download SVG

SVG code

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

How to use the Panda icon

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>

HTML image

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

Related icons in SVG Logos

Panda icon in other icon sets

Panda icon FAQ

Is the Panda icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Panda icon in React?

Install @iconify/react and render <Icon icon="logos:panda" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Panda icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/panda.svg" alt="Panda icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →