Icône Hampster
fxemoji:hampster
L'icône Hampster (fxemoji:hampster) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Nature
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E5E4DF" d="M409.611 226.238c31.379-17.031 52.691-50.27 52.691-88.47c0-55.56-45.053-100.593-100.593-100.593c-34.416 0-64.811 17.283-82.965 43.638a138.7 138.7 0 0 0-24.638-2.198c-7.854 0-15.552.667-23.047 1.928c-18.17-26.204-48.466-43.369-82.764-43.369C92.732 37.174 47.7 82.208 47.7 137.768c0 37.88 20.951 70.877 51.9 88.034c-42.723 18.071-72.696 60.373-72.696 109.682c0 65.751 53.29 119.038 119.038 119.038c68.376 0 70.374 20.304 105.74 20.304s42.21-20.304 110.584-20.304c65.751 0 119.062-53.287 119.062-119.038c0-48.924-29.521-90.941-71.717-109.246"/><path fill="#FFA1E0" d="M438.506 137.772c0 42.078-34.063 76.203-76.203 76.203s-76.231-34.125-76.231-76.203c0-42.14 34.091-76.231 76.231-76.231s76.203 34.091 76.203 76.231M235.62 412.351s-3.827.63-7.95 1.732c-4.244 1.102-8.693 2.677-11.181 4.567c-2.889 1.89-2.3 4.095-1.585 6.457c.607 2.362 1.772 4.882 3.211 7.402c2.954 5.04 8.329 10.079 13.697 13.859c5.22 3.78 10.884 6.3 10.884 6.3c6.987 3.074 15.294 3.347 22.818 0c0 0 5.664-2.52 10.884-6.3c5.368-3.78 10.743-8.819 13.697-13.859c1.439-2.52 2.605-5.04 3.211-7.402c.714-2.362 1.304-4.567-1.586-6.457c-2.488-1.89-6.936-3.465-11.18-4.567c-4.123-1.102-7.95-1.732-7.95-1.732c-11.784-1.886-24.546-2.045-36.97 0M205.525 87.427c-13.956-15.869-34.4-25.886-57.227-25.886c-42.14 0-76.231 34.091-76.231 76.231c0 30.757 18.226 57.247 44.485 69.284c3.722-54.934 39.601-101.036 88.973-119.629"/><path fill="#FFB636" d="M479.804 320.374c-6.192-48.324-41.002-87.311-87.17-99.533c-.29-1.421-.655-2.82-.649-4.326c0-76.159-61.72-137.9-137.881-137.9c-25.174 0-48.698 6.856-69.01 18.64c-.015.838-.127 1.651-.127 2.492c0 26.277 20.103 80.329 44.031 101.074a139 139 0 0 0 13.287 10.964c32.272 25.321 36.482 47.082 27.868 65.665c-26.902 58.033 11.214 106.891 60.067 109.557c39.334 2.146 61.757-38.841 94.411-32.631c37.671 7.164 56.697-18.892 55.173-34.002"/><path fill="#2B3B47" d="M153.651 257.946c13.766 0 24.944 11.154 24.944 24.966v30.652c0 13.787-11.178 24.968-24.944 24.968c-13.787 0-24.966-11.181-24.966-24.968v-30.652c0-13.811 11.178-24.966 24.966-24.966m200.883 0c-13.787 0-24.92 11.154-24.92 24.966v30.652c0 13.787 11.133 24.968 24.92 24.968s24.944-11.181 24.944-24.968v-30.652c0-13.811-11.157-24.966-24.944-24.966"/></svg>Comment utiliser l'icône Hampster
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hampster" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hampster" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hampster" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hampster]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hampster"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hampster"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/hampster.svg" alt="Icône Hampster" width="24" height="24">FAQ : Icône Hampster
L'icône Hampster est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Hampster dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:hampster" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hampster à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/hampster.svg" alt="Icône Hampster">, ou collez le code SVG directement dans la page pour le styliser en CSS.