Icône Hamster Face
streamline-emojis:hamster-face
L'icône Hamster Face (streamline-emojis:hamster-face) est une icône SVG gratuite de la collection Streamline Emojis par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Streamline Emojis 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
- Streamline Emojis
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Animaux et nature
- Mots-clés
- hamsterface
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#f0f0f0" d="M1.5 13.97a9.47 9.47 0 1 0 18.94 0a9.47 9.47 0 1 0-18.94 0m26.06 0a9.47 9.47 0 1 0 18.94 0a9.47 9.47 0 1 0-18.94 0"/><path fill="#fff" d="M11 7.34a9.48 9.48 0 0 1 9.36 8.05a9.4 9.4 0 0 0 .09-1.39A9.48 9.48 0 0 0 1.5 14a9.4 9.4 0 0 0 .12 1.42A9.47 9.47 0 0 1 11 7.34m26 0a9.47 9.47 0 0 1 9.35 8.05A9.39 9.39 0 0 0 37 4.5a9.47 9.47 0 0 0-9.45 9.5a9.4 9.4 0 0 0 .12 1.42A9.48 9.48 0 0 1 37 7.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M1.5 13.97a9.47 9.47 0 1 0 18.94 0a9.47 9.47 0 1 0-18.94 0m26.06 0a9.47 9.47 0 1 0 18.94 0a9.47 9.47 0 1 0-18.94 0"/><path fill="#ffb0ca" d="M4.34 13.97a6.63 6.63 0 1 0 13.26 0a6.63 6.63 0 1 0-13.26 0m26.06 0a6.63 6.63 0 1 0 13.26 0a6.63 6.63 0 1 0-13.26 0"/><path fill="#ff87af" d="M11 9.59a6.62 6.62 0 0 1 6.5 5.51a6 6 0 0 0 .11-1.1a6.64 6.64 0 0 0-13.27 0a7 7 0 0 0 .1 1.13A6.64 6.64 0 0 1 11 9.59m26 0a6.64 6.64 0 0 1 6.53 5.51a7 7 0 0 0 .1-1.13a6.64 6.64 0 0 0-13.27 0a6 6 0 0 0 .11 1.13A6.62 6.62 0 0 1 37 9.59"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.34 13.97a6.63 6.63 0 1 0 13.26 0a6.63 6.63 0 1 0-13.26 0m26.06 0a6.63 6.63 0 1 0 13.26 0a6.63 6.63 0 1 0-13.26 0"/><path fill="#45413c" d="M12.5 44.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#f0f0f0" d="M38 26.28a5.92 5.92 0 0 1-1.25-3.64a11.2 11.2 0 0 0-.39-3.14a12.92 12.92 0 0 0-12.88-9.3a12.49 12.49 0 0 0-12.27 12.22a6.83 6.83 0 0 1-1.36 4a7.9 7.9 0 0 0-1.48 4.91c.18 4.43 4.2 7.84 8.83 7.84h.47a5.73 5.73 0 0 1 3.14.48a6.35 6.35 0 0 0 6.38 0a5.73 5.73 0 0 1 3.14-.48h.47c4.45 0 8.38-3.13 8.79-7.37A7.86 7.86 0 0 0 38 26.28"/><path fill="#fff" d="M11.26 24.22A12.56 12.56 0 0 1 23.52 13a12.93 12.93 0 0 1 12.88 9.35a10.5 10.5 0 0 1 .33 1.87H37a5.3 5.3 0 0 1-.23-1.58a11.2 11.2 0 0 0-.39-3.14a12.92 12.92 0 0 0-12.88-9.3a12.49 12.49 0 0 0-12.29 12.22a6.3 6.3 0 0 1-.28 1.78Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38 26.28a5.92 5.92 0 0 1-1.25-3.64a11.2 11.2 0 0 0-.39-3.14a12.92 12.92 0 0 0-12.88-9.3a12.49 12.49 0 0 0-12.27 12.21v0a6.83 6.83 0 0 1-1.36 4a7.9 7.9 0 0 0-1.48 4.91c.18 4.43 4.2 7.84 8.83 7.84h.47a5.73 5.73 0 0 1 3.14.48a6.35 6.35 0 0 0 6.38 0a5.73 5.73 0 0 1 3.14-.48h.47c4.45 0 8.38-3.13 8.79-7.37A7.86 7.86 0 0 0 38 26.28"/><path fill="#ffb0ca" d="M26.84 35.45a2.93 2.93 0 0 1-5.68 0c0-.81 1.27-1.1 2.84-1.1s2.84.29 2.84 1.1"/><path fill="#fcd" d="M24 36a5 5 0 0 1 2.41.43a1.73 1.73 0 0 0 .43-1c0-.81-1.27-1.1-2.84-1.1s-2.84.29-2.84 1.1a1.73 1.73 0 0 0 .43 1A5 5 0 0 1 24 36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.84 35.45a2.93 2.93 0 0 1-5.68 0c0-.81 1.27-1.1 2.84-1.1s2.84.29 2.84 1.1"/><path fill="#ffaa54" d="M38 26.28a5.92 5.92 0 0 1-1.25-3.64a11.2 11.2 0 0 0-.39-3.14a12.93 12.93 0 0 0-12.74-9.3l-1.44 2.18a6.11 6.11 0 0 0-.77 5.3a7.27 7.27 0 0 0 3.24 3.89a2.07 2.07 0 0 1 1 2.41c-.73 2.23-.16 5.71 2.08 7.05l.73.44c2.19 1.32 5.38.68 8 .21a9.3 9.3 0 0 0 3.08-1.13A7.94 7.94 0 0 0 38 26.28"/><path fill="#fc9" d="M37 24.22a5.3 5.3 0 0 1-.23-1.58a11.2 11.2 0 0 0-.39-3.14a12.93 12.93 0 0 0-12.74-9.3l-1.44 2.18a5.6 5.6 0 0 0-.47.86a13 13 0 0 1 1.79-.2a12.92 12.92 0 0 1 12.88 9.31a10.5 10.5 0 0 1 .34 1.87Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38 26.28a5.92 5.92 0 0 1-1.25-3.64a11.2 11.2 0 0 0-.39-3.14a12.93 12.93 0 0 0-12.74-9.3l-1.44 2.18a6.11 6.11 0 0 0-.77 5.3a7.27 7.27 0 0 0 3.24 3.89a2.07 2.07 0 0 1 1 2.41c-.73 2.23-.16 5.71 2.08 7.05l.73.44c2.19 1.32 5.38.68 8 .21a9.3 9.3 0 0 0 3.08-1.13A7.94 7.94 0 0 0 38 26.28"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.05 28.19a1.42 1.42 0 1 1-1.42-1.42a1.42 1.42 0 0 1 1.42 1.42m-13.26 0a1.42 1.42 0 1 1-1.42-1.42a1.43 1.43 0 0 1 1.42 1.42"/><path fill="#fcd" d="M35.84 34.52c0 .55-.77 1-1.72 1s-1.72-.45-1.72-1s.77-1 1.72-1s1.72.48 1.72 1m-20.24 0c0 .55-.77 1-1.72 1s-1.72-.45-1.72-1s.77-1 1.72-1s1.72.48 1.72 1"/></svg>Comment utiliser l'icône Hamster Face
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:hamster-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:hamster-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:hamster-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--hamster-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:hamster-face"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:hamster-face"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/hamster-face.svg" alt="Icône Hamster Face" width="24" height="24">L'icône Hamster Face dans d'autres collections
FAQ : Icône Hamster Face
L'icône Hamster Face est-elle gratuite pour un usage commercial ?
Oui. Les Streamline Emojis 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 Hamster Face dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-emojis:hamster-face" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hamster Face à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-emojis/hamster-face.svg" alt="Icône Hamster Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.