ICONYZ
Français
Icône Panda Face de Emoji One (Colored)

Icône Panda Face

emojione:panda-face

L'icône Panda Face (emojione:panda-face) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (Colored)
Auteur
Emoji One
Licence
CC-BY-4.0
Taille
64 × 64
Catégorie
Nature
Mots-clés
pandaface, panda
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" 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>

Comment utiliser l'icône Panda Face

React

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

<Icon icon="emojione:panda-face" width="24" />

Vue

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

<template>
  <Icon icon="emojione:panda-face" width="24" />
</template>

Svelte

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

<Icon icon="emojione:panda-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--panda-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:panda-face"></div>

Web component

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

<iconify-icon icon="emojione:panda-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/panda-face.svg" alt="Icône Panda Face" width="24" height="24">

L'icône Panda Face dans d'autres collections

FAQ : Icône Panda Face

L'icône Panda Face est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Panda Face dans React ?

Installez @iconify/react et affichez <Icon icon="emojione:panda-face" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Panda Face à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/panda-face.svg" alt="Icône Panda Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Colored) →