Pandaface icon

fxemoji:pandaface

The Pandaface icon (fxemoji:pandaface) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#626566" d="M472.968 103.97c0 48.326-39.176 87.502-87.502 87.502s-87.502-39.176-87.502-87.502s39.176-87.502 87.502-87.502s87.502 39.176 87.502 87.502M120.99 16.468c-48.326 0-87.502 39.176-87.502 87.502s39.176 87.502 87.502 87.502s87.502-39.176 87.502-87.502s-39.176-87.502-87.502-87.502"/><path fill="#BFBCAF" d="M430.727 103.97c0 24.996-20.263 45.26-45.26 45.26s-45.26-20.263-45.26-45.26s20.263-45.26 45.26-45.26s45.26 20.264 45.26 45.26M120.99 58.71c-24.996 0-45.26 20.263-45.26 45.26s20.263 45.26 45.26 45.26s45.26-20.263 45.26-45.26s-20.264-45.26-45.26-45.26"/><path fill="#E5E4DF" d="M492.466 330.299c0-83.849-64.402-99.046-64.402-118.633l-.713.433C418.592 125.194 345.221 57.348 256 57.348c-89.249 0-162.637 67.89-171.358 154.835l-.87-.517c0 17.7-61.643 34.395-63.098 115.702a138 138 0 0 0-1.139 17.691c0 74.554 59.755 135.143 133.982 136.507l-.006.032c.255 0 .535-.017.798-.022c.588.007 1.175.022 1.765.022c21.33 0 41.508-4.904 59.488-13.631c14.429-3.549 28.088-6.281 37.653-5.818c20.601.997 56.242 23.903 102.712 19.449c75.409 0 136.539-61.131 136.539-136.539c0-4.49-.223-8.928-.647-13.307c.409-.438.647-.917.647-1.453"/><path fill="#626566" d="M240.212 303.207c-17.568 53.328-64.03 85.945-103.775 72.852S78.713 309.12 96.282 255.791s64.03-85.945 103.775-72.852c39.745 13.094 57.723 66.939 40.155 120.268m31.574 0c17.568 53.328 64.03 85.945 103.775 72.852s57.724-66.939 40.156-120.267s-64.03-85.945-103.775-72.852s-57.724 66.938-40.156 120.267m-38.184 60.104s-12.845 3.286-20.162 8.214c-3.923 2.464-6.268 5.339-7.377 8.419c-1.273 3.08.454 6.366 2.408 9.652c4.1 6.571 7.038 13.142 11.395 18.071c3.672 4.928 7.576 8.214 7.576 8.214c16.197 13.658 40.354 14.107 57.113 0c0 0 3.904-3.286 7.576-8.214c4.357-4.928 7.295-11.5 11.395-18.071c1.954-3.286 3.681-6.571 2.408-9.652c-1.108-3.08-3.454-5.955-7.377-8.419c-7.317-4.928-20.162-8.214-20.162-8.214c-14.12-3.558-29.693-3.862-44.793 0"/><path fill="#132028" d="M169.247 253.848c15.806 0 28.619 12.813 28.619 28.619v35.18c0 15.806-12.813 28.619-28.619 28.619s-28.619-12.813-28.619-28.619v-35.18c-.001-15.805 12.813-28.619 28.619-28.619m173.505-.964c-15.806 0-28.619 12.813-28.619 28.619v35.18c0 15.806 12.813 28.619 28.619 28.619s28.619-12.813 28.619-28.619v-35.18c0-15.806-12.813-28.619-28.619-28.619"/></svg>

How to use the Pandaface icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:pandaface" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:pandaface" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:pandaface" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--pandaface]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:pandaface"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:pandaface"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/pandaface.svg" alt="Pandaface icon" width="24" height="24">

Pandaface icon FAQ

Is the Pandaface icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Pandaface icon in React?

Install @iconify/react and render <Icon icon="fxemoji:pandaface" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pandaface icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/pandaface.svg" alt="Pandaface icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →