Icono Pandaface
fxemoji:pandaface
El icono Pandaface (fxemoji:pandaface) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Naturaleza
Código SVG
<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>Cómo usar el icono Pandaface
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/pandaface.svg" alt="Icono Pandaface" width="24" height="24">Preguntas frecuentes sobre Icono Pandaface
¿El icono Pandaface es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pandaface en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:pandaface" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pandaface a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/pandaface.svg" alt="Icono Pandaface">, o pega el código SVG en línea para darle estilo con CSS.