Panda icon

openmoji:panda

The Panda icon (openmoji:panda) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Animals Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m33.882 15.133l-7.905 1.54l-5.473 4.496l-5.416 7.828L11.922 39l.174 8.349s.825 4.46 3.927 7.3c2.757 2.524 4.629 2.934 4.629 2.934s12.562 3.876 15.316 3.376s14.18-2.333 16.346-3.917s5.974-5.588 5.974-5.588l2.024-5.412l.257-3.914a28.9 28.9 0 0 0-3.172-10.415l-3.3-6.257s-6.2-6.426-6.45-6.88s-4.988-2.456-4.988-2.456z"/><path fill="#3f3f3f" d="m26.63 19.586l-3.334 3l-5.5 2.708l-3.389 5.275S9.08 28.364 7.863 22.9c-.573-2.572-.12-5.11 1.099-7.447c.479-.92.91-1.693 1.09-1.872c.5-.5 3.966-1.92 3.966-1.92l4.318.672zm18.666-.042l3.894 3.293l5.856 3.124l3.042 5.625L61 28.468l2.485-4.719a10.22 10.22 0 0 0-.372-8.071c-.53-1.088-1.015-2.019-1.203-2.207c-.5-.5-4.784-2.038-4.784-2.038l-4.368 1.414zM34.754 41.002s-3 5.833-6.166 5.667s-6.417-1.417-6.417-1.417l-1.667-4.083l1.5-3.333l2.334-2.5l3.083-1.334l4-.083l1.417 1.417zm2.584 0s3 5.833 6.166 5.667s6.417-1.417 6.417-1.417l1.667-4.083l-1.5-3.333l-2.334-2.5l-3.083-1.334l-4-.083l-1.417 1.417zm-5.813 5.834s4.938-2.188 8.813.062l-.75 2.438l-6.313.5z"/><circle cx="28.602" cy="38.999" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M35.968 49.135s-4.07 1.797-4.172-1.21m-5.819-29.03S18.29 7.27 11.04 12.082c-6.601 4.382-3.912 13.959.603 16.915"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.04 57.582C5.102 51.27 13.19 33.57 13.19 33.57s3.644-9.359 9.34-11.609m28.536 35.621c15.938-6.312 7.85-24.013 7.85-24.013s-3.644-9.359-9.34-11.609"/><circle cx="43.334" cy="38.999" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M44.657 51.531c-1.22 1.924-4.055 5.119-8.26 2.239h-.857c-4.206 2.88-7.04-.315-8.26-2.239m8.688-2.396s4.07 1.797 4.172-1.21m5.82-29.03s7.687-11.625 14.937-6.813c6.601 4.382 3.911 13.959-.603 16.915m-35.66-12.046s8.71-4.93 22.325 0M30.602 59.582c3.592 1.222 7.17 1.231 10.732 0m-5.366-10.447L36 53.77m7.938-7.934s7.369 1.613 7.413-4.207c.023-3.021-1.897-5.68-4.607-7.015c-3.522-1.735-8.432-2.576-8.432 6.221m-10.055 5.001s-7.369 1.613-7.413-4.207c-.023-3.021 1.897-5.68 4.607-7.015c3.522-1.735 8.431-2.576 8.431 6.221"/></svg>

How to use the Panda icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Panda icon in other icon sets

Panda icon FAQ

Is the Panda icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Panda icon in React?

Install @iconify/react and render <Icon icon="openmoji: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/openmoji/panda.svg" alt="Panda icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →