panda face emoji

panda-face from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name: panda-face
Set: Emoji One (Colored)
Style: Default
Category: Nature
Viewbox: 64×64
License: CC BY 4.0
Aliases: panda

The same emoji in other sets

More nature icons from Emoji One (Colored)

Use the panda face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M62 14c0 6.6-5.4 12-12 12s-12-5.4-12-12S43.4 2 50 2s12 5.4 12 12"/><circle cx="50" cy="14" r="7.2" fill="#555e63"/><path fill="#3e4347" d="M26 14c0 6.6-5.4 12-12 12S2 20.6 2 14S7.4 2 14 2s12 5.4 12 12"/><circle cx="14" cy="14" r="7.2" fill="#555e63"/><path fill="#d1dbe3" d="M31.9 8C18.7 8 4 17.9 4 36.4c0 7.7 2.5 9 5.3 14.3c7.8 15.1 37.4 15.1 45.2 0c2.8-5.3 5.5-6.6 5.5-14.3C60 17.9 45 8 31.9 8"/><path fill="#e4eef7" d="M19 50.2c0-6.8 8.8-9.4 13-9.4s13 2.6 13 9.4c0 8.6-4.8 10.6-13 10.6c-8.3 0-13-2-13-10.6"/><g fill="#3e4347"><path d="M31 50.1h2v5h-2z"/><path d="M31.9 57c-4.1 0-7.9-1.3-7.9-2.7c0-.2.1-.3.2-.4s.4-.2.6-.2c.3 0 .6.1 1 .3c1 .4 2.9 1.1 6.1 1.1c3.1 0 5-.7 6.1-1.1c.5-.2.8-.3 1-.3c.4 0 .8.2.8.6c0 1.4-3.7 2.7-7.9 2.7M24 49.6c0-2.5 3.5-3 7.9-3s7.9.5 7.9 3c0 2-6.3 2.8-7.9 2.8s-7.9-.8-7.9-2.8m14.2-21.7c3.6-3.6 9.9-3 14.1 1.2s4.7 10.5 1.2 14.1c-7.2 7.2-22.5-8-15.3-15.3"/></g><circle cx="44.7" cy="34.4" r="5" fill="#42ade2"/><g fill="#3e4347"><circle cx="44.7" cy="34.4" r="2.5"/><path d="M11.7 29.1c4.2-4.2 10.5-4.7 14.1-1.2c7.2 7.2-8 22.5-15.3 15.3c-3.6-3.6-3-9.9 1.2-14.1"/></g><circle cx="19.3" cy="34.4" r="5" fill="#42ade2"/><circle cx="19.3" cy="34.4" r="2.5" fill="#3e4347"/></svg>

React

import type { SVGProps } from "react";

export function EmojionePandaFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M62 14c0 6.6-5.4 12-12 12s-12-5.4-12-12S43.4 2 50 2s12 5.4 12 12"/><circle cx="50" cy="14" r="7.2" fill="#555e63"/><path fill="#3e4347" d="M26 14c0 6.6-5.4 12-12 12S2 20.6 2 14S7.4 2 14 2s12 5.4 12 12"/><circle cx="14" cy="14" r="7.2" fill="#555e63"/><path fill="#d1dbe3" d="M31.9 8C18.7 8 4 17.9 4 36.4c0 7.7 2.5 9 5.3 14.3c7.8 15.1 37.4 15.1 45.2 0c2.8-5.3 5.5-6.6 5.5-14.3C60 17.9 45 8 31.9 8"/><path fill="#e4eef7" d="M19 50.2c0-6.8 8.8-9.4 13-9.4s13 2.6 13 9.4c0 8.6-4.8 10.6-13 10.6c-8.3 0-13-2-13-10.6"/><g fill="#3e4347"><path d="M31 50.1h2v5h-2z"/><path d="M31.9 57c-4.1 0-7.9-1.3-7.9-2.7c0-.2.1-.3.2-.4s.4-.2.6-.2c.3 0 .6.1 1 .3c1 .4 2.9 1.1 6.1 1.1c3.1 0 5-.7 6.1-1.1c.5-.2.8-.3 1-.3c.4 0 .8.2.8.6c0 1.4-3.7 2.7-7.9 2.7M24 49.6c0-2.5 3.5-3 7.9-3s7.9.5 7.9 3c0 2-6.3 2.8-7.9 2.8s-7.9-.8-7.9-2.8m14.2-21.7c3.6-3.6 9.9-3 14.1 1.2s4.7 10.5 1.2 14.1c-7.2 7.2-22.5-8-15.3-15.3"/></g><circle cx="44.7" cy="34.4" r="5" fill="#42ade2"/><g fill="#3e4347"><circle cx="44.7" cy="34.4" r="2.5"/><path d="M11.7 29.1c4.2-4.2 10.5-4.7 14.1-1.2c7.2 7.2-8 22.5-15.3 15.3c-3.6-3.6-3-9.9 1.2-14.1"/></g><circle cx="19.3" cy="34.4" r="5" fill="#42ade2"/><circle cx="19.3" cy="34.4" r="2.5" fill="#3e4347"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#3e4347" d="M62 14c0 6.6-5.4 12-12 12s-12-5.4-12-12S43.4 2 50 2s12 5.4 12 12"/><circle cx="50" cy="14" r="7.2" fill="#555e63"/><path fill="#3e4347" d="M26 14c0 6.6-5.4 12-12 12S2 20.6 2 14S7.4 2 14 2s12 5.4 12 12"/><circle cx="14" cy="14" r="7.2" fill="#555e63"/><path fill="#d1dbe3" d="M31.9 8C18.7 8 4 17.9 4 36.4c0 7.7 2.5 9 5.3 14.3c7.8 15.1 37.4 15.1 45.2 0c2.8-5.3 5.5-6.6 5.5-14.3C60 17.9 45 8 31.9 8"/><path fill="#e4eef7" d="M19 50.2c0-6.8 8.8-9.4 13-9.4s13 2.6 13 9.4c0 8.6-4.8 10.6-13 10.6c-8.3 0-13-2-13-10.6"/><g fill="#3e4347"><path d="M31 50.1h2v5h-2z"/><path d="M31.9 57c-4.1 0-7.9-1.3-7.9-2.7c0-.2.1-.3.2-.4s.4-.2.6-.2c.3 0 .6.1 1 .3c1 .4 2.9 1.1 6.1 1.1c3.1 0 5-.7 6.1-1.1c.5-.2.8-.3 1-.3c.4 0 .8.2.8.6c0 1.4-3.7 2.7-7.9 2.7M24 49.6c0-2.5 3.5-3 7.9-3s7.9.5 7.9 3c0 2-6.3 2.8-7.9 2.8s-7.9-.8-7.9-2.8m14.2-21.7c3.6-3.6 9.9-3 14.1 1.2s4.7 10.5 1.2 14.1c-7.2 7.2-22.5-8-15.3-15.3"/></g><circle cx="44.7" cy="34.4" r="5" fill="#42ade2"/><g fill="#3e4347"><circle cx="44.7" cy="34.4" r="2.5"/><path d="M11.7 29.1c4.2-4.2 10.5-4.7 14.1-1.2c7.2 7.2-8 22.5-15.3 15.3c-3.6-3.6-3-9.9 1.2-14.1"/></g><circle cx="19.3" cy="34.4" r="5" fill="#42ade2"/><circle cx="19.3" cy="34.4" r="2.5" fill="#3e4347"/></svg>
</template>

CSS

.icon-panda-face {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M62%2014c0%206.6-5.4%2012-12%2012s-12-5.4-12-12S43.4%202%2050%202s12%205.4%2012%2012%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2214%22%20r%3D%227.2%22%20fill%3D%22%23555e63%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26%2014c0%206.6-5.4%2012-12%2012S2%2020.6%202%2014S7.4%202%2014%202s12%205.4%2012%2012%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%227.2%22%20fill%3D%22%23555e63%22%2F%3E%3Cpath%20fill%3D%22%23d1dbe3%22%20d%3D%22M31.9%208C18.7%208%204%2017.9%204%2036.4c0%207.7%202.5%209%205.3%2014.3c7.8%2015.1%2037.4%2015.1%2045.2%200c2.8-5.3%205.5-6.6%205.5-14.3C60%2017.9%2045%208%2031.9%208%22%2F%3E%3Cpath%20fill%3D%22%23e4eef7%22%20d%3D%22M19%2050.2c0-6.8%208.8-9.4%2013-9.4s13%202.6%2013%209.4c0%208.6-4.8%2010.6-13%2010.6c-8.3%200-13-2-13-10.6%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M31%2050.1h2v5h-2z%22%2F%3E%3Cpath%20d%3D%22M31.9%2057c-4.1%200-7.9-1.3-7.9-2.7c0-.2.1-.3.2-.4s.4-.2.6-.2c.3%200%20.6.1%201%20.3c1%20.4%202.9%201.1%206.1%201.1c3.1%200%205-.7%206.1-1.1c.5-.2.8-.3%201-.3c.4%200%20.8.2.8.6c0%201.4-3.7%202.7-7.9%202.7M24%2049.6c0-2.5%203.5-3%207.9-3s7.9.5%207.9%203c0%202-6.3%202.8-7.9%202.8s-7.9-.8-7.9-2.8m14.2-21.7c3.6-3.6%209.9-3%2014.1%201.2s4.7%2010.5%201.2%2014.1c-7.2%207.2-22.5-8-15.3-15.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2244.7%22%20cy%3D%2234.4%22%20r%3D%225%22%20fill%3D%22%2342ade2%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2244.7%22%20cy%3D%2234.4%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M11.7%2029.1c4.2-4.2%2010.5-4.7%2014.1-1.2c7.2%207.2-8%2022.5-15.3%2015.3c-3.6-3.6-3-9.9%201.2-14.1%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219.3%22%20cy%3D%2234.4%22%20r%3D%225%22%20fill%3D%22%2342ade2%22%2F%3E%3Ccircle%20cx%3D%2219.3%22%20cy%3D%2234.4%22%20r%3D%222.5%22%20fill%3D%22%233e4347%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%2064%2064%22%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M62%2014c0%206.6-5.4%2012-12%2012s-12-5.4-12-12S43.4%202%2050%202s12%205.4%2012%2012%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2214%22%20r%3D%227.2%22%20fill%3D%22%23555e63%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M26%2014c0%206.6-5.4%2012-12%2012S2%2020.6%202%2014S7.4%202%2014%202s12%205.4%2012%2012%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%227.2%22%20fill%3D%22%23555e63%22%2F%3E%3Cpath%20fill%3D%22%23d1dbe3%22%20d%3D%22M31.9%208C18.7%208%204%2017.9%204%2036.4c0%207.7%202.5%209%205.3%2014.3c7.8%2015.1%2037.4%2015.1%2045.2%200c2.8-5.3%205.5-6.6%205.5-14.3C60%2017.9%2045%208%2031.9%208%22%2F%3E%3Cpath%20fill%3D%22%23e4eef7%22%20d%3D%22M19%2050.2c0-6.8%208.8-9.4%2013-9.4s13%202.6%2013%209.4c0%208.6-4.8%2010.6-13%2010.6c-8.3%200-13-2-13-10.6%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M31%2050.1h2v5h-2z%22%2F%3E%3Cpath%20d%3D%22M31.9%2057c-4.1%200-7.9-1.3-7.9-2.7c0-.2.1-.3.2-.4s.4-.2.6-.2c.3%200%20.6.1%201%20.3c1%20.4%202.9%201.1%206.1%201.1c3.1%200%205-.7%206.1-1.1c.5-.2.8-.3%201-.3c.4%200%20.8.2.8.6c0%201.4-3.7%202.7-7.9%202.7M24%2049.6c0-2.5%203.5-3%207.9-3s7.9.5%207.9%203c0%202-6.3%202.8-7.9%202.8s-7.9-.8-7.9-2.8m14.2-21.7c3.6-3.6%209.9-3%2014.1%201.2s4.7%2010.5%201.2%2014.1c-7.2%207.2-22.5-8-15.3-15.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2244.7%22%20cy%3D%2234.4%22%20r%3D%225%22%20fill%3D%22%2342ade2%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%2244.7%22%20cy%3D%2234.4%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M11.7%2029.1c4.2-4.2%2010.5-4.7%2014.1-1.2c7.2%207.2-8%2022.5-15.3%2015.3c-3.6-3.6-3-9.9%201.2-14.1%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219.3%22%20cy%3D%2234.4%22%20r%3D%225%22%20fill%3D%22%2342ade2%22%2F%3E%3Ccircle%20cx%3D%2219.3%22%20cy%3D%2234.4%22%20r%3D%222.5%22%20fill%3D%22%233e4347%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/panda-face.svg?color=%231a73e8&size=48