# panda icon

Panda. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/panda

- Category: Nature & animals
- Use it for: panda, giant panda
- Tags: panda, giant-panda
- Component name: PandaIcon
- Added: 2026-10-30

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/panda.svg · PNG https://gentleface.com/png/line-round/16/panda.png · https://gentleface.com/png/line-round/32/panda.png · https://gentleface.com/png/line-round/48/panda.png
- line-soft: https://gentleface.com/svg/line-soft/16/panda.svg · PNG https://gentleface.com/png/line-soft/16/panda.png · https://gentleface.com/png/line-soft/32/panda.png · https://gentleface.com/png/line-soft/48/panda.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/panda.svg · PNG https://gentleface.com/png/line-sharp/16/panda.png · https://gentleface.com/png/line-sharp/32/panda.png · https://gentleface.com/png/line-sharp/48/panda.png
- solid-round: https://gentleface.com/svg/solid-round/16/panda.svg · PNG https://gentleface.com/png/solid-round/16/panda.png · https://gentleface.com/png/solid-round/32/panda.png · https://gentleface.com/png/solid-round/48/panda.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/panda.svg · PNG https://gentleface.com/png/solid-soft/16/panda.png · https://gentleface.com/png/solid-soft/32/panda.png · https://gentleface.com/png/solid-soft/48/panda.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/panda.svg · PNG https://gentleface.com/png/solid-sharp/16/panda.png · https://gentleface.com/png/solid-sharp/32/panda.png · https://gentleface.com/png/solid-sharp/48/panda.png

The SVG of every style: https://gentleface.com/icons/panda.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

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

```tsx
// 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
<!-- Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda -->
<script>
  let props = $props();
</script>

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

### HTML img

```html
<!-- Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/panda.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda. Takes the text color. */
.icon-panda {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#panda"/></svg>
```

### SwiftUI

```swift
// Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda
import SwiftUI

struct PandaIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 5.332, y: 1.799))
        p.addCurve(to: CGPoint(x: 5.989, y: 3.268), control1: CGPoint(x: 5.718, y: 2.215), control2: CGPoint(x: 5.937, y: 2.704))
        p.addCurve(to: CGPoint(x: 8, y: 3), control1: CGPoint(x: 6.634, y: 3.089), control2: CGPoint(x: 7.304, y: 3))
        p.addCurve(to: CGPoint(x: 10.011, y: 3.268), control1: CGPoint(x: 8.696, y: 3), control2: CGPoint(x: 9.366, y: 3.089))
        p.addCurve(to: CGPoint(x: 10.668, y: 1.799), control1: CGPoint(x: 10.063, y: 2.704), control2: CGPoint(x: 10.282, y: 2.215))
        p.addCurve(to: CGPoint(x: 12.084, y: 1.035), control1: CGPoint(x: 11.053, y: 1.384), control2: CGPoint(x: 11.525, y: 1.129))
        p.addCurve(to: CGPoint(x: 12.993, y: 1.049), control1: CGPoint(x: 12.388, y: 0.984), control2: CGPoint(x: 12.691, y: 0.988))
        p.addCurve(to: CGPoint(x: 13.897, y: 1.427), control1: CGPoint(x: 13.319, y: 1.115), control2: CGPoint(x: 13.621, y: 1.241))
        p.addCurve(to: CGPoint(x: 14.586, y: 2.122), control1: CGPoint(x: 14.173, y: 1.612), control2: CGPoint(x: 14.403, y: 1.844))
        p.addCurve(to: CGPoint(x: 14.941, y: 2.959), control1: CGPoint(x: 14.756, y: 2.379), control2: CGPoint(x: 14.874, y: 2.658))
        p.addCurve(to: CGPoint(x: 14.764, y: 4.56), control1: CGPoint(x: 15.063, y: 3.513), control2: CGPoint(x: 15.005, y: 4.046))
        p.addCurve(to: CGPoint(x: 13.649, y: 5.72), control1: CGPoint(x: 14.524, y: 5.073), control2: CGPoint(x: 14.152, y: 5.46))
        p.addCurve(to: CGPoint(x: 14.437, y: 7.103), control1: CGPoint(x: 13.964, y: 6.143), control2: CGPoint(x: 14.227, y: 6.604))
        p.addCurve(to: CGPoint(x: 15, y: 10), control1: CGPoint(x: 14.812, y: 7.993), control2: CGPoint(x: 15, y: 8.958))
        p.addCurve(to: CGPoint(x: 14.406, y: 12.225), control1: CGPoint(x: 15, y: 10.82), control2: CGPoint(x: 14.802, y: 11.562))
        p.addCurve(to: CGPoint(x: 12.829, y: 13.798), control1: CGPoint(x: 14.037, y: 12.843), control2: CGPoint(x: 13.511, y: 13.367))
        p.addCurve(to: CGPoint(x: 10.61, y: 14.705), control1: CGPoint(x: 12.198, y: 14.197), control2: CGPoint(x: 11.458, y: 14.499))
        p.addCurve(to: CGPoint(x: 8, y: 15), control1: CGPoint(x: 9.798, y: 14.902), control2: CGPoint(x: 8.928, y: 15))
        p.addCurve(to: CGPoint(x: 5.39, y: 14.705), control1: CGPoint(x: 7.072, y: 15), control2: CGPoint(x: 6.202, y: 14.902))
        p.addCurve(to: CGPoint(x: 3.171, y: 13.798), control1: CGPoint(x: 4.542, y: 14.499), control2: CGPoint(x: 3.802, y: 14.197))
        p.addCurve(to: CGPoint(x: 1.594, y: 12.225), control1: CGPoint(x: 2.489, y: 13.367), control2: CGPoint(x: 1.963, y: 12.843))
        p.addCurve(to: CGPoint(x: 1, y: 10), control1: CGPoint(x: 1.198, y: 11.562), control2: CGPoint(x: 1, y: 10.82))
        p.addCurve(to: CGPoint(x: 1.563, y: 7.103), control1: CGPoint(x: 1, y: 8.958), control2: CGPoint(x: 1.188, y: 7.993))
        p.addCurve(to: CGPoint(x: 2.351, y: 5.72), control1: CGPoint(x: 1.773, y: 6.604), control2: CGPoint(x: 2.036, y: 6.143))
        p.addCurve(to: CGPoint(x: 1.236, y: 4.56), control1: CGPoint(x: 1.848, y: 5.46), control2: CGPoint(x: 1.476, y: 5.073))
        p.addCurve(to: CGPoint(x: 1.059, y: 2.959), control1: CGPoint(x: 0.995, y: 4.046), control2: CGPoint(x: 0.937, y: 3.513))
        p.addCurve(to: CGPoint(x: 1.414, y: 2.122), control1: CGPoint(x: 1.126, y: 2.658), control2: CGPoint(x: 1.244, y: 2.379))
        p.addCurve(to: CGPoint(x: 2.103, y: 1.427), control1: CGPoint(x: 1.597, y: 1.844), control2: CGPoint(x: 1.827, y: 1.612))
        p.addCurve(to: CGPoint(x: 3.007, y: 1.049), control1: CGPoint(x: 2.379, y: 1.241), control2: CGPoint(x: 2.681, y: 1.115))
        p.addCurve(to: CGPoint(x: 3.916, y: 1.035), control1: CGPoint(x: 3.309, y: 0.988), control2: CGPoint(x: 3.612, y: 0.984))
        p.addCurve(to: CGPoint(x: 5.332, y: 1.799), control1: CGPoint(x: 4.475, y: 1.129), control2: CGPoint(x: 4.947, y: 1.384))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.781, y: 5.613))
        p.addCurve(to: CGPoint(x: 2.484, y: 7.491), control1: CGPoint(x: 3.22, y: 6.144), control2: CGPoint(x: 2.788, y: 6.771))
        p.addCurve(to: CGPoint(x: 2, y: 10), control1: CGPoint(x: 2.161, y: 8.257), control2: CGPoint(x: 2, y: 9.093))
        p.addCurve(to: CGPoint(x: 2.453, y: 11.712), control1: CGPoint(x: 2, y: 10.636), control2: CGPoint(x: 2.151, y: 11.207))
        p.addCurve(to: CGPoint(x: 3.704, y: 12.952), control1: CGPoint(x: 2.74, y: 12.193), control2: CGPoint(x: 3.157, y: 12.607))
        p.addCurve(to: CGPoint(x: 5.626, y: 13.733), control1: CGPoint(x: 4.244, y: 13.293), control2: CGPoint(x: 4.884, y: 13.553))
        p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 6.36, y: 13.911), control2: CGPoint(x: 7.152, y: 14))
        p.addCurve(to: CGPoint(x: 10.374, y: 13.733), control1: CGPoint(x: 8.848, y: 14), control2: CGPoint(x: 9.64, y: 13.911))
        p.addCurve(to: CGPoint(x: 12.296, y: 12.952), control1: CGPoint(x: 11.116, y: 13.553), control2: CGPoint(x: 11.756, y: 13.293))
        p.addCurve(to: CGPoint(x: 13.547, y: 11.712), control1: CGPoint(x: 12.843, y: 12.607), control2: CGPoint(x: 13.26, y: 12.193))
        p.addCurve(to: CGPoint(x: 14, y: 10), control1: CGPoint(x: 13.849, y: 11.207), control2: CGPoint(x: 14, y: 10.636))
        p.addCurve(to: CGPoint(x: 13.516, y: 7.491), control1: CGPoint(x: 14, y: 9.093), control2: CGPoint(x: 13.839, y: 8.257))
        p.addCurve(to: CGPoint(x: 12.219, y: 5.613), control1: CGPoint(x: 13.212, y: 6.771), control2: CGPoint(x: 12.78, y: 6.144))
        p.addCurve(to: CGPoint(x: 10.313, y: 4.42), control1: CGPoint(x: 11.673, y: 5.096), control2: CGPoint(x: 11.037, y: 4.698))
        p.addCurve(to: CGPoint(x: 8, y: 4), control1: CGPoint(x: 9.584, y: 4.14), control2: CGPoint(x: 8.813, y: 4))
        p.addCurve(to: CGPoint(x: 5.687, y: 4.42), control1: CGPoint(x: 7.187, y: 4), control2: CGPoint(x: 6.416, y: 4.14))
        p.addCurve(to: CGPoint(x: 3.781, y: 5.613), control1: CGPoint(x: 4.963, y: 4.698), control2: CGPoint(x: 4.327, y: 5.096))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.707, y: 6.293))
        p.addCurve(to: CGPoint(x: 7, y: 7), control1: CGPoint(x: 6.902, y: 6.488), control2: CGPoint(x: 7, y: 6.724))
        p.addCurve(to: CGPoint(x: 6.789, y: 8.104), control1: CGPoint(x: 7, y: 7.381), control2: CGPoint(x: 6.93, y: 7.75))
        p.addCurve(to: CGPoint(x: 6.121, y: 9.121), control1: CGPoint(x: 6.637, y: 8.489), control2: CGPoint(x: 6.414, y: 8.828))
        p.addCurve(to: CGPoint(x: 5.104, y: 9.789), control1: CGPoint(x: 5.828, y: 9.414), control2: CGPoint(x: 5.489, y: 9.637))
        p.addCurve(to: CGPoint(x: 4, y: 10), control1: CGPoint(x: 4.75, y: 9.93), control2: CGPoint(x: 4.381, y: 10))
        p.addCurve(to: CGPoint(x: 3.293, y: 9.707), control1: CGPoint(x: 3.724, y: 10), control2: CGPoint(x: 3.488, y: 9.902))
        p.addCurve(to: CGPoint(x: 3, y: 9), control1: CGPoint(x: 3.098, y: 9.512), control2: CGPoint(x: 3, y: 9.276))
        p.addCurve(to: CGPoint(x: 3.211, y: 7.896), control1: CGPoint(x: 3, y: 8.619), control2: CGPoint(x: 3.07, y: 8.25))
        p.addCurve(to: CGPoint(x: 3.879, y: 6.879), control1: CGPoint(x: 3.363, y: 7.511), control2: CGPoint(x: 3.586, y: 7.172))
        p.addCurve(to: CGPoint(x: 4.896, y: 6.211), control1: CGPoint(x: 4.172, y: 6.586), control2: CGPoint(x: 4.511, y: 6.363))
        p.addCurve(to: CGPoint(x: 6, y: 6), control1: CGPoint(x: 5.25, y: 6.07), control2: CGPoint(x: 5.619, y: 6))
        p.addCurve(to: CGPoint(x: 6.707, y: 6.293), control1: CGPoint(x: 6.276, y: 6), control2: CGPoint(x: 6.512, y: 6.098))
        p.closeSubpath()
        p.move(to: CGPoint(x: 9.293, y: 6.293))
        p.addCurve(to: CGPoint(x: 10, y: 6), control1: CGPoint(x: 9.488, y: 6.098), control2: CGPoint(x: 9.724, y: 6))
        p.addCurve(to: CGPoint(x: 11.104, y: 6.211), control1: CGPoint(x: 10.381, y: 6), control2: CGPoint(x: 10.75, y: 6.07))
        p.addCurve(to: CGPoint(x: 12.121, y: 6.879), control1: CGPoint(x: 11.489, y: 6.363), control2: CGPoint(x: 11.828, y: 6.586))
        p.addCurve(to: CGPoint(x: 12.789, y: 7.896), control1: CGPoint(x: 12.414, y: 7.172), control2: CGPoint(x: 12.637, y: 7.511))
        p.addCurve(to: CGPoint(x: 13, y: 9), control1: CGPoint(x: 12.93, y: 8.25), control2: CGPoint(x: 13, y: 8.619))
        p.addCurve(to: CGPoint(x: 12.707, y: 9.707), control1: CGPoint(x: 13, y: 9.276), control2: CGPoint(x: 12.902, y: 9.512))
        p.addCurve(to: CGPoint(x: 12, y: 10), control1: CGPoint(x: 12.512, y: 9.902), control2: CGPoint(x: 12.276, y: 10))
        p.addCurve(to: CGPoint(x: 10.896, y: 9.789), control1: CGPoint(x: 11.619, y: 10), control2: CGPoint(x: 11.25, y: 9.93))
        p.addCurve(to: CGPoint(x: 9.879, y: 9.121), control1: CGPoint(x: 10.511, y: 9.637), control2: CGPoint(x: 10.172, y: 9.414))
        p.addCurve(to: CGPoint(x: 9.211, y: 8.104), control1: CGPoint(x: 9.586, y: 8.828), control2: CGPoint(x: 9.363, y: 8.489))
        p.addCurve(to: CGPoint(x: 9, y: 7), control1: CGPoint(x: 9.07, y: 7.75), control2: CGPoint(x: 9, y: 7.381))
        p.addCurve(to: CGPoint(x: 9.293, y: 6.293), control1: CGPoint(x: 9, y: 6.724), control2: CGPoint(x: 9.098, y: 6.488))
        p.closeSubpath()
        p.move(to: CGPoint(x: 8.707, y: 12.293))
        p.addCurve(to: CGPoint(x: 8, y: 12.586), control1: CGPoint(x: 8.512, y: 12.488), control2: CGPoint(x: 8.276, y: 12.586))
        p.addCurve(to: CGPoint(x: 7.293, y: 12.293), control1: CGPoint(x: 7.724, y: 12.586), control2: CGPoint(x: 7.488, y: 12.488))
        p.addLine(to: CGPoint(x: 6.768, y: 11.768))
        p.addCurve(to: CGPoint(x: 6.636, y: 11.45), control1: CGPoint(x: 6.684, y: 11.684), control2: CGPoint(x: 6.636, y: 11.569))
        p.addCurve(to: CGPoint(x: 7.086, y: 11), control1: CGPoint(x: 6.636, y: 11.201), control2: CGPoint(x: 6.838, y: 11))
        p.addLine(to: CGPoint(x: 8.914, y: 11))
        p.addCurve(to: CGPoint(x: 9.232, y: 11.132), control1: CGPoint(x: 9.033, y: 11), control2: CGPoint(x: 9.147, y: 11.047))
        p.addCurve(to: CGPoint(x: 9.232, y: 11.768), control1: CGPoint(x: 9.408, y: 11.308), control2: CGPoint(x: 9.408, y: 11.592))
        p.addLine(to: CGPoint(x: 8.707, y: 12.293))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// PandaIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val PandaIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "panda", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(PandaIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_panda.xml · Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "panda" (line-round), MIT. https://gentleface.com/icons/panda
import 'package:flutter/widgets.dart';

class PandaIcon extends StatelessWidget {
  const PandaIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _PandaIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _PandaIconPainter extends CustomPainter {
  _PandaIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(5.332, 1.799)
      ..cubicTo(5.718, 2.215, 5.937, 2.704, 5.989, 3.268)
      ..cubicTo(6.634, 3.089, 7.304, 3, 8, 3)
      ..cubicTo(8.696, 3, 9.366, 3.089, 10.011, 3.268)
      ..cubicTo(10.063, 2.704, 10.282, 2.215, 10.668, 1.799)
      ..cubicTo(11.053, 1.384, 11.525, 1.129, 12.084, 1.035)
      ..cubicTo(12.388, 0.984, 12.691, 0.988, 12.993, 1.049)
      ..cubicTo(13.319, 1.115, 13.621, 1.241, 13.897, 1.427)
      ..cubicTo(14.173, 1.612, 14.403, 1.844, 14.586, 2.122)
      ..cubicTo(14.756, 2.379, 14.874, 2.658, 14.941, 2.959)
      ..cubicTo(15.063, 3.513, 15.005, 4.046, 14.764, 4.56)
      ..cubicTo(14.524, 5.073, 14.152, 5.46, 13.649, 5.72)
      ..cubicTo(13.964, 6.143, 14.227, 6.604, 14.437, 7.103)
      ..cubicTo(14.812, 7.993, 15, 8.958, 15, 10)
      ..cubicTo(15, 10.82, 14.802, 11.562, 14.406, 12.225)
      ..cubicTo(14.037, 12.843, 13.511, 13.367, 12.829, 13.798)
      ..cubicTo(12.198, 14.197, 11.458, 14.499, 10.61, 14.705)
      ..cubicTo(9.798, 14.902, 8.928, 15, 8, 15)
      ..cubicTo(7.072, 15, 6.202, 14.902, 5.39, 14.705)
      ..cubicTo(4.542, 14.499, 3.802, 14.197, 3.171, 13.798)
      ..cubicTo(2.489, 13.367, 1.963, 12.843, 1.594, 12.225)
      ..cubicTo(1.198, 11.562, 1, 10.82, 1, 10)
      ..cubicTo(1, 8.958, 1.188, 7.993, 1.563, 7.103)
      ..cubicTo(1.773, 6.604, 2.036, 6.143, 2.351, 5.72)
      ..cubicTo(1.848, 5.46, 1.476, 5.073, 1.236, 4.56)
      ..cubicTo(0.995, 4.046, 0.937, 3.513, 1.059, 2.959)
      ..cubicTo(1.126, 2.658, 1.244, 2.379, 1.414, 2.122)
      ..cubicTo(1.597, 1.844, 1.827, 1.612, 2.103, 1.427)
      ..cubicTo(2.379, 1.241, 2.681, 1.115, 3.007, 1.049)
      ..cubicTo(3.309, 0.988, 3.612, 0.984, 3.916, 1.035)
      ..cubicTo(4.475, 1.129, 4.947, 1.384, 5.332, 1.799)
      ..close()
      ..moveTo(3.781, 5.613)
      ..cubicTo(3.22, 6.144, 2.788, 6.771, 2.484, 7.491)
      ..cubicTo(2.161, 8.257, 2, 9.093, 2, 10)
      ..cubicTo(2, 10.636, 2.151, 11.207, 2.453, 11.712)
      ..cubicTo(2.74, 12.193, 3.157, 12.607, 3.704, 12.952)
      ..cubicTo(4.244, 13.293, 4.884, 13.553, 5.626, 13.733)
      ..cubicTo(6.36, 13.911, 7.152, 14, 8, 14)
      ..cubicTo(8.848, 14, 9.64, 13.911, 10.374, 13.733)
      ..cubicTo(11.116, 13.553, 11.756, 13.293, 12.296, 12.952)
      ..cubicTo(12.843, 12.607, 13.26, 12.193, 13.547, 11.712)
      ..cubicTo(13.849, 11.207, 14, 10.636, 14, 10)
      ..cubicTo(14, 9.093, 13.839, 8.257, 13.516, 7.491)
      ..cubicTo(13.212, 6.771, 12.78, 6.144, 12.219, 5.613)
      ..cubicTo(11.673, 5.096, 11.037, 4.698, 10.313, 4.42)
      ..cubicTo(9.584, 4.14, 8.813, 4, 8, 4)
      ..cubicTo(7.187, 4, 6.416, 4.14, 5.687, 4.42)
      ..cubicTo(4.963, 4.698, 4.327, 5.096, 3.781, 5.613)
      ..close()
      ..moveTo(6.707, 6.293)
      ..cubicTo(6.902, 6.488, 7, 6.724, 7, 7)
      ..cubicTo(7, 7.381, 6.93, 7.75, 6.789, 8.104)
      ..cubicTo(6.637, 8.489, 6.414, 8.828, 6.121, 9.121)
      ..cubicTo(5.828, 9.414, 5.489, 9.637, 5.104, 9.789)
      ..cubicTo(4.75, 9.93, 4.381, 10, 4, 10)
      ..cubicTo(3.724, 10, 3.488, 9.902, 3.293, 9.707)
      ..cubicTo(3.098, 9.512, 3, 9.276, 3, 9)
      ..cubicTo(3, 8.619, 3.07, 8.25, 3.211, 7.896)
      ..cubicTo(3.363, 7.511, 3.586, 7.172, 3.879, 6.879)
      ..cubicTo(4.172, 6.586, 4.511, 6.363, 4.896, 6.211)
      ..cubicTo(5.25, 6.07, 5.619, 6, 6, 6)
      ..cubicTo(6.276, 6, 6.512, 6.098, 6.707, 6.293)
      ..close()
      ..moveTo(9.293, 6.293)
      ..cubicTo(9.488, 6.098, 9.724, 6, 10, 6)
      ..cubicTo(10.381, 6, 10.75, 6.07, 11.104, 6.211)
      ..cubicTo(11.489, 6.363, 11.828, 6.586, 12.121, 6.879)
      ..cubicTo(12.414, 7.172, 12.637, 7.511, 12.789, 7.896)
      ..cubicTo(12.93, 8.25, 13, 8.619, 13, 9)
      ..cubicTo(13, 9.276, 12.902, 9.512, 12.707, 9.707)
      ..cubicTo(12.512, 9.902, 12.276, 10, 12, 10)
      ..cubicTo(11.619, 10, 11.25, 9.93, 10.896, 9.789)
      ..cubicTo(10.511, 9.637, 10.172, 9.414, 9.879, 9.121)
      ..cubicTo(9.586, 8.828, 9.363, 8.489, 9.211, 8.104)
      ..cubicTo(9.07, 7.75, 9, 7.381, 9, 7)
      ..cubicTo(9, 6.724, 9.098, 6.488, 9.293, 6.293)
      ..close()
      ..moveTo(8.707, 12.293)
      ..cubicTo(8.512, 12.488, 8.276, 12.586, 8, 12.586)
      ..cubicTo(7.724, 12.586, 7.488, 12.488, 7.293, 12.293)
      ..lineTo(6.768, 11.768)
      ..cubicTo(6.684, 11.684, 6.636, 11.569, 6.636, 11.45)
      ..cubicTo(6.636, 11.201, 6.838, 11, 7.086, 11)
      ..lineTo(8.914, 11)
      ..cubicTo(9.033, 11, 9.147, 11.047, 9.232, 11.132)
      ..cubicTo(9.408, 11.308, 9.408, 11.592, 9.232, 11.768)
      ..lineTo(8.707, 12.293)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_PandaIconPainter old) => old.color != color;
}
```