panda icon
panda from Material Design Icons by Pictogrammers · Filled · Animal · Apache-2.0 Free for personal and commercial use.
- Name
- panda
- Set
- Material Design Icons
- Style
- Filled
- Category
- Animal
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- emoji-panda, emoticon-panda
The same icon in other sets
More animal icons from Material Design Icons
Use the panda icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c1.74 0 3.36.5 4.74 1.35C17.38 3.53 18.38 3 19.5 3A3.5 3.5 0 0 1 23 6.5c0 1.5-.95 2.78-2.28 3.28c.18.72.28 1.45.28 2.22a9 9 0 0 1-9 9a9 9 0 0 1-9-9c0-.77.1-1.5.28-2.22A3.51 3.51 0 0 1 1 6.5A3.5 3.5 0 0 1 4.5 3c1.12 0 2.12.53 2.76 1.35C8.64 3.5 10.26 3 12 3m0 2a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7m4.19 5.3c.36 1.33-.11 2.61-1.04 2.86c-.94.26-1.98-.62-2.34-1.96c-.36-1.33.11-2.61 1.04-2.86c.94-.25 1.98.62 2.34 1.96m-8.38 0c.36-1.34 1.4-2.21 2.34-1.96c.93.25 1.4 1.53 1.04 2.86c-.36 1.34-1.4 2.22-2.34 1.96c-.93-.25-1.4-1.53-1.04-2.86M12 14c.6 0 1.13.19 1.5.5l-1 1c0 .42.34.75.75.75a.75.75 0 0 0 .75-.75a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a1.75 1.75 0 0 1-1.75 1.75c-.49 0-.93-.2-1.25-.53c-.32.33-.76.53-1.25.53A1.75 1.75 0 0 1 9 15.5a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75l-1-1c.37-.31.9-.5 1.5-.5"/></svg>
React
import type { SVGProps } from "react";
export function MdiPanda(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c1.74 0 3.36.5 4.74 1.35C17.38 3.53 18.38 3 19.5 3A3.5 3.5 0 0 1 23 6.5c0 1.5-.95 2.78-2.28 3.28c.18.72.28 1.45.28 2.22a9 9 0 0 1-9 9a9 9 0 0 1-9-9c0-.77.1-1.5.28-2.22A3.51 3.51 0 0 1 1 6.5A3.5 3.5 0 0 1 4.5 3c1.12 0 2.12.53 2.76 1.35C8.64 3.5 10.26 3 12 3m0 2a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7m4.19 5.3c.36 1.33-.11 2.61-1.04 2.86c-.94.26-1.98-.62-2.34-1.96c-.36-1.33.11-2.61 1.04-2.86c.94-.25 1.98.62 2.34 1.96m-8.38 0c.36-1.34 1.4-2.21 2.34-1.96c.93.25 1.4 1.53 1.04 2.86c-.36 1.34-1.4 2.22-2.34 1.96c-.93-.25-1.4-1.53-1.04-2.86M12 14c.6 0 1.13.19 1.5.5l-1 1c0 .42.34.75.75.75a.75.75 0 0 0 .75-.75a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a1.75 1.75 0 0 1-1.75 1.75c-.49 0-.93-.2-1.25-.53c-.32.33-.76.53-1.25.53A1.75 1.75 0 0 1 9 15.5a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75l-1-1c.37-.31.9-.5 1.5-.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3c1.74 0 3.36.5 4.74 1.35C17.38 3.53 18.38 3 19.5 3A3.5 3.5 0 0 1 23 6.5c0 1.5-.95 2.78-2.28 3.28c.18.72.28 1.45.28 2.22a9 9 0 0 1-9 9a9 9 0 0 1-9-9c0-.77.1-1.5.28-2.22A3.51 3.51 0 0 1 1 6.5A3.5 3.5 0 0 1 4.5 3c1.12 0 2.12.53 2.76 1.35C8.64 3.5 10.26 3 12 3m0 2a7 7 0 0 0-7 7a7 7 0 0 0 7 7a7 7 0 0 0 7-7a7 7 0 0 0-7-7m4.19 5.3c.36 1.33-.11 2.61-1.04 2.86c-.94.26-1.98-.62-2.34-1.96c-.36-1.33.11-2.61 1.04-2.86c.94-.25 1.98.62 2.34 1.96m-8.38 0c.36-1.34 1.4-2.21 2.34-1.96c.93.25 1.4 1.53 1.04 2.86c-.36 1.34-1.4 2.22-2.34 1.96c-.93-.25-1.4-1.53-1.04-2.86M12 14c.6 0 1.13.19 1.5.5l-1 1c0 .42.34.75.75.75a.75.75 0 0 0 .75-.75a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a1.75 1.75 0 0 1-1.75 1.75c-.49 0-.93-.2-1.25-.53c-.32.33-.76.53-1.25.53A1.75 1.75 0 0 1 9 15.5a.5.5 0 0 1 .5-.5a.5.5 0 0 1 .5.5a.75.75 0 0 0 .75.75a.75.75 0 0 0 .75-.75l-1-1c.37-.31.9-.5 1.5-.5"/></svg> </template>
CSS
.icon-panda {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203c1.74%200%203.36.5%204.74%201.35C17.38%203.53%2018.38%203%2019.5%203A3.5%203.5%200%200%201%2023%206.5c0%201.5-.95%202.78-2.28%203.28c.18.72.28%201.45.28%202.22a9%209%200%200%201-9%209a9%209%200%200%201-9-9c0-.77.1-1.5.28-2.22A3.51%203.51%200%200%201%201%206.5A3.5%203.5%200%200%201%204.5%203c1.12%200%202.12.53%202.76%201.35C8.64%203.5%2010.26%203%2012%203m0%202a7%207%200%200%200-7%207a7%207%200%200%200%207%207a7%207%200%200%200%207-7a7%207%200%200%200-7-7m4.19%205.3c.36%201.33-.11%202.61-1.04%202.86c-.94.26-1.98-.62-2.34-1.96c-.36-1.33.11-2.61%201.04-2.86c.94-.25%201.98.62%202.34%201.96m-8.38%200c.36-1.34%201.4-2.21%202.34-1.96c.93.25%201.4%201.53%201.04%202.86c-.36%201.34-1.4%202.22-2.34%201.96c-.93-.25-1.4-1.53-1.04-2.86M12%2014c.6%200%201.13.19%201.5.5l-1%201c0%20.42.34.75.75.75a.75.75%200%200%200%20.75-.75a.5.5%200%200%201%20.5-.5a.5.5%200%200%201%20.5.5a1.75%201.75%200%200%201-1.75%201.75c-.49%200-.93-.2-1.25-.53c-.32.33-.76.53-1.25.53A1.75%201.75%200%200%201%209%2015.5a.5.5%200%200%201%20.5-.5a.5.5%200%200%201%20.5.5a.75.75%200%200%200%20.75.75a.75.75%200%200%200%20.75-.75l-1-1c.37-.31.9-.5%201.5-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203c1.74%200%203.36.5%204.74%201.35C17.38%203.53%2018.38%203%2019.5%203A3.5%203.5%200%200%201%2023%206.5c0%201.5-.95%202.78-2.28%203.28c.18.72.28%201.45.28%202.22a9%209%200%200%201-9%209a9%209%200%200%201-9-9c0-.77.1-1.5.28-2.22A3.51%203.51%200%200%201%201%206.5A3.5%203.5%200%200%201%204.5%203c1.12%200%202.12.53%202.76%201.35C8.64%203.5%2010.26%203%2012%203m0%202a7%207%200%200%200-7%207a7%207%200%200%200%207%207a7%207%200%200%200%207-7a7%207%200%200%200-7-7m4.19%205.3c.36%201.33-.11%202.61-1.04%202.86c-.94.26-1.98-.62-2.34-1.96c-.36-1.33.11-2.61%201.04-2.86c.94-.25%201.98.62%202.34%201.96m-8.38%200c.36-1.34%201.4-2.21%202.34-1.96c.93.25%201.4%201.53%201.04%202.86c-.36%201.34-1.4%202.22-2.34%201.96c-.93-.25-1.4-1.53-1.04-2.86M12%2014c.6%200%201.13.19%201.5.5l-1%201c0%20.42.34.75.75.75a.75.75%200%200%200%20.75-.75a.5.5%200%200%201%20.5-.5a.5.5%200%200%201%20.5.5a1.75%201.75%200%200%201-1.75%201.75c-.49%200-.93-.2-1.25-.53c-.32.33-.76.53-1.25.53A1.75%201.75%200%200%201%209%2015.5a.5.5%200%200%201%20.5-.5a.5.5%200%200%201%20.5.5a.75.75%200%200%200%20.75.75a.75.75%200%200%200%20.75-.75l-1-1c.37-.31.9-.5%201.5-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/panda.svg?color=%231a73e8&size=48
