panda icon

Panda: panda, giant panda. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5.332 1.799C5.718 2.215 5.937 2.704 5.989 3.268C6.634 3.089 7.304 3 8 3C8.696 3 9.366 3.089 10.011 3.268C10.063 2.704 10.282 2.215 10.668 1.799C11.053 1.384 11.525 1.129 12.084 1.035C12.388 0.984 12.691 0.988 12.993 1.049C13.319 1.115 13.621 1.241 13.897 1.427C14.173 1.612 14.403 1.844 14.586 2.122C14.756 2.379 14.874 2.658 14.941 2.959C15.063 3.513 15.005 4.046 14.764 4.56C14.524 5.073 14.152 5.46 13.649 5.72C13.964 6.143 14.227 6.604 14.437 7.103C14.812 7.993 15 8.958 15 10C15 10.82 14.802 11.562 14.406 12.225C14.037 12.843 13.511 13.367 12.829 13.798C12.198 14.197 11.458 14.499 10.61 14.705C9.798 14.902 8.928 15 8 15C7.072 15 6.202 14.902 5.39 14.705C4.542 14.499 3.802 14.197 3.171 13.798C2.489 13.367 1.963 12.843 1.594 12.225C1.198 11.562 1 10.82 1 10C1 8.958 1.188 7.993 1.563 7.103C1.773 6.604 2.036 6.143 2.351 5.72C1.848 5.46 1.476 5.073 1.236 4.56C0.995 4.046 0.937 3.513 1.059 2.959C1.126 2.658 1.244 2.379 1.414 2.122C1.597 1.844 1.827 1.612 2.103 1.427C2.379 1.241 2.681 1.115 3.007 1.049C3.309 0.988 3.612 0.984 3.916 1.035C4.475 1.129 4.947 1.384 5.332 1.799ZM3.781 5.613C3.22 6.144 2.788 6.771 2.484 7.491C2.161 8.257 2 9.093 2 10C2 10.636 2.151 11.207 2.453 11.712C2.74 12.193 3.157 12.607 3.704 12.952C4.244 13.293 4.884 13.553 5.626 13.733C6.36 13.911 7.152 14 8 14C8.848 14 9.64 13.911 10.374 13.733C11.116 13.553 11.756 13.293 12.296 12.952C12.843 12.607 13.26 12.193 13.547 11.712C13.849 11.207 14 10.636 14 10C14 9.093 13.839 8.257 13.516 7.491C13.212 6.771 12.78 6.144 12.219 5.613C11.673 5.096 11.037 4.698 10.313 4.42C9.584 4.14 8.813 4 8 4C7.187 4 6.416 4.14 5.687 4.42C4.963 4.698 4.327 5.096 3.781 5.613ZM6.707 6.293C6.902 6.488 7 6.724 7 7C7 7.381 6.93 7.75 6.789 8.104C6.637 8.489 6.414 8.828 6.121 9.121C5.828 9.414 5.489 9.637 5.104 9.789C4.75 9.93 4.381 10 4 10C3.724 10 3.488 9.902 3.293 9.707C3.098 9.512 3 9.276 3 9C3 8.619 3.07 8.25 3.211 7.896C3.363 7.511 3.586 7.172 3.879 6.879C4.172 6.586 4.511 6.363 4.896 6.211C5.25 6.07 5.619 6 6 6C6.276 6 6.512 6.098 6.707 6.293ZM9.293 6.293C9.488 6.098 9.724 6 10 6C10.381 6 10.75 6.07 11.104 6.211C11.489 6.363 11.828 6.586 12.121 6.879C12.414 7.172 12.637 7.511 12.789 7.896C12.93 8.25 13 8.619 13 9C13 9.276 12.902 9.512 12.707 9.707C12.512 9.902 12.276 10 12 10C11.619 10 11.25 9.93 10.896 9.789C10.511 9.637 10.172 9.414 9.879 9.121C9.586 8.828 9.363 8.489 9.211 8.104C9.07 7.75 9 7.381 9 7C9 6.724 9.098 6.488 9.293 6.293ZM8.707 12.293C8.512 12.488 8.276 12.586 8 12.586C7.724 12.586 7.488 12.488 7.293 12.293L6.768 11.768C6.684 11.684 6.636 11.569 6.636 11.45C6.636 11.201 6.838 11 7.086 11L8.914 11C9.033 11 9.147 11.047 9.232 11.132C9.408 11.308 9.408 11.592 9.232 11.768L8.707 12.293Z"/></svg>

React

// Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda
import type { SVGProps } from 'react';

export function PandaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M5.332 1.799C5.718 2.215 5.937 2.704 5.989 3.268C6.634 3.089 7.304 3 8 3C8.696 3 9.366 3.089 10.011 3.268C10.063 2.704 10.282 2.215 10.668 1.799C11.053 1.384 11.525 1.129 12.084 1.035C12.388 0.984 12.691 0.988 12.993 1.049C13.319 1.115 13.621 1.241 13.897 1.427C14.173 1.612 14.403 1.844 14.586 2.122C14.756 2.379 14.874 2.658 14.941 2.959C15.063 3.513 15.005 4.046 14.764 4.56C14.524 5.073 14.152 5.46 13.649 5.72C13.964 6.143 14.227 6.604 14.437 7.103C14.812 7.993 15 8.958 15 10C15 10.82 14.802 11.562 14.406 12.225C14.037 12.843 13.511 13.367 12.829 13.798C12.198 14.197 11.458 14.499 10.61 14.705C9.798 14.902 8.928 15 8 15C7.072 15 6.202 14.902 5.39 14.705C4.542 14.499 3.802 14.197 3.171 13.798C2.489 13.367 1.963 12.843 1.594 12.225C1.198 11.562 1 10.82 1 10C1 8.958 1.188 7.993 1.563 7.103C1.773 6.604 2.036 6.143 2.351 5.72C1.848 5.46 1.476 5.073 1.236 4.56C0.995 4.046 0.937 3.513 1.059 2.959C1.126 2.658 1.244 2.379 1.414 2.122C1.597 1.844 1.827 1.612 2.103 1.427C2.379 1.241 2.681 1.115 3.007 1.049C3.309 0.988 3.612 0.984 3.916 1.035C4.475 1.129 4.947 1.384 5.332 1.799ZM3.781 5.613C3.22 6.144 2.788 6.771 2.484 7.491C2.161 8.257 2 9.093 2 10C2 10.636 2.151 11.207 2.453 11.712C2.74 12.193 3.157 12.607 3.704 12.952C4.244 13.293 4.884 13.553 5.626 13.733C6.36 13.911 7.152 14 8 14C8.848 14 9.64 13.911 10.374 13.733C11.116 13.553 11.756 13.293 12.296 12.952C12.843 12.607 13.26 12.193 13.547 11.712C13.849 11.207 14 10.636 14 10C14 9.093 13.839 8.257 13.516 7.491C13.212 6.771 12.78 6.144 12.219 5.613C11.673 5.096 11.037 4.698 10.313 4.42C9.584 4.14 8.813 4 8 4C7.187 4 6.416 4.14 5.687 4.42C4.963 4.698 4.327 5.096 3.781 5.613ZM6.707 6.293C6.902 6.488 7 6.724 7 7C7 7.381 6.93 7.75 6.789 8.104C6.637 8.489 6.414 8.828 6.121 9.121C5.828 9.414 5.489 9.637 5.104 9.789C4.75 9.93 4.381 10 4 10C3.724 10 3.488 9.902 3.293 9.707C3.098 9.512 3 9.276 3 9C3 8.619 3.07 8.25 3.211 7.896C3.363 7.511 3.586 7.172 3.879 6.879C4.172 6.586 4.511 6.363 4.896 6.211C5.25 6.07 5.619 6 6 6C6.276 6 6.512 6.098 6.707 6.293ZM9.293 6.293C9.488 6.098 9.724 6 10 6C10.381 6 10.75 6.07 11.104 6.211C11.489 6.363 11.828 6.586 12.121 6.879C12.414 7.172 12.637 7.511 12.789 7.896C12.93 8.25 13 8.619 13 9C13 9.276 12.902 9.512 12.707 9.707C12.512 9.902 12.276 10 12 10C11.619 10 11.25 9.93 10.896 9.789C10.511 9.637 10.172 9.414 9.879 9.121C9.586 8.828 9.363 8.489 9.211 8.104C9.07 7.75 9 7.381 9 7C9 6.724 9.098 6.488 9.293 6.293ZM8.707 12.293C8.512 12.488 8.276 12.586 8 12.586C7.724 12.586 7.488 12.488 7.293 12.293L6.768 11.768C6.684 11.684 6.636 11.569 6.636 11.45C6.636 11.201 6.838 11 7.086 11L8.914 11C9.033 11 9.147 11.047 9.232 11.132C9.408 11.308 9.408 11.592 9.232 11.768L8.707 12.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/panda.md

Svelte

Svelte: see /icons/panda.md

HTML img

HTML img: see /icons/panda.md

CSS

CSS: see /icons/panda.md

Data URL

Data URL: see /icons/panda.md

Sprite

Sprite: see /icons/panda.md

SwiftUI

SwiftUI: see /icons/panda.md

Compose

Compose: see /icons/panda.md

Android XML

Android XML: see /icons/panda.md

Flutter

Flutter: see /icons/panda.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

panda, giant panda

Tags

panda, giant-panda

Category

Nature & animals

Component name

PandaIcon

History

2026-10-30 added

More nature & animals icons

bird birdhouse butterfly cactus cannabis cat clover co2 compost cow dog dog-bark feather fish fish-off flower · all nature & animals icons

For agents

Metadata: /icons/panda.json · Markdown: /icons/panda.md · SVG: https://gentleface.com/svg/{style}/16/panda.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/panda.png

panda icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

panda icon