Panda icon
whh:panda
The Panda icon (whh:panda) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 1025 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1026 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1025" viewBox="0 0 1026 1025"><path fill="currentColor" d="M958.43 309q66 88 66 204q-.002 162-74.502 264.5T744.43 926q-25 52-80 75.5t-152 23.5t-152-23.5t-80-75.5q-131-46-205.5-148.5T.428 513q0-116 66-204q-33-24-50-52q-32-57-1-113.5t107-99.5q50-29 94.5-38.5t83.5 3t61 50.5q20 34 22 80q64-10 129-10t129 10q2-46 22-80q22-38 61-51t83.5-3t94.5 39q76 43 107.5 99.5t-1.5 113.5q-17 29-50 52zm-445.5-116q-125.5 0-226 37T125.426 341.5t-61 176.5q0 237 196 329q-4-28-4-78q16 84 88 138t168 54t168-54t88-138q0 49-3 78q195-92 195-329q0-102-61-176.5t-161-111.5t-225.5-37zm223.5 512q-45 0-83-38t-57.5-89t-19.5-97q0-66 37.5-113t90.5-47q34 0 80 45.5t79 106.5t33 104q0 42-26 72t-61 43t-73 13m-31.5-256q-26.5 0-45.5 18.5t-19 45.5t19 45.5t45.5 18.5t45-18.5t18.5-45t-18.5-45.5t-45-19m-64.5 288q0 15-51.5 55.5t-76.5 40.5t-76.5-41t-51.502-55q0-20 34-26t94-6t94 6t34 26zm-352-32q-38.002 0-73.002-13t-61-43t-26-72q0-43 33-104t79-106.5t80-45.5q53 0 90.5 47t37.5 113q0 46-19.5 97t-57.5 89t-83 38zm32.498-256q-26.5 0-45.5 18.5t-19 45.5t19 45.5t45.5 18.5t45-18.5t18.5-45t-18.5-45.5t-45-19"/></svg>
How to use the Panda icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:panda" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:panda" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:panda" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--panda]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:panda"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:panda"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/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. WebHostingHub Glyphs icons are released under the Open Font 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="whh: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/whh/panda.svg" alt="Panda icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
