Icône Raccoon
fluent-emoji-flat:raccoon
L'icône Raccoon (fluent-emoji-flat:raccoon) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, 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
- Fluent Emoji Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Animaux et nature
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M4.002 9.57V8.34c0-.74.6-1.34 1.34-1.34h1.23a6.73 6.73 0 0 1 4.537 1.766a9.63 9.63 0 0 1 4.893-1.326c1.79 0 3.463.484 4.897 1.331A6.7 6.7 0 0 1 25.433 7h1.23c.74 0 1.34.6 1.34 1.34v1.23a6.73 6.73 0 0 1-1.837 4.613l3.136 3.737a3 3 0 0 1 .44 3.17A15 15 0 0 1 27.2 25H4.802a15 15 0 0 1-2.54-3.9c-.47-1.05-.3-2.28.44-3.17l3.14-3.745a6.73 6.73 0 0 1-1.84-4.615"/><path fill="#636363" d="M23.302 10.78c.07.07.14.15.2.23l1.626 1.937a5.15 5.15 0 0 0 1.264-3.367v-.62c0-.19-.15-.34-.34-.34h-.62a5.1 5.1 0 0 0-3.186 1.111a10 10 0 0 1 1.056 1.049M9.757 9.723A5.14 5.14 0 0 0 6.572 8.61h-.62c-.19 0-.34.15-.34.34v.62c0 1.24.458 2.439 1.274 3.368l1.616-1.928q.046-.06.095-.12q.05-.06.095-.12a10 10 0 0 1 1.065-1.047"/><path fill="#d3d3d3" d="M11.782 15.5h-.08c-1.11 0-2.15.49-2.87 1.33l-2.59 2.98a6.35 6.35 0 0 0-1.49 5.13a15 15 0 0 0 10.45 5.04l.182.007q.045 0 .088.003q.27.01.53.01c.181 0 .367-.005.55-.011v.001l.21-.009l.03-.001l.072-.004a15 15 0 0 0 10.408-5.036c.28-1.85-.26-3.71-1.49-5.13l-2.59-2.98a3.78 3.78 0 0 0-2.87-1.33h-.08c-2.03.04-3.68 1.74-3.69 3.8v2.1h-1.08v-2.1c-.01-2.06-1.66-3.76-3.69-3.8"/><path fill="#636363" d="M10.062 17.88c.4-.48 1.01-.78 1.69-.77c1.17.02 2.1 1.01 2.1 2.19v2.135a3.74 3.74 0 0 0-3.23 3.705a4.85 4.85 0 0 0 4.485 4.834a15 15 0 0 1-1.255-.126v.002a14.8 14.8 0 0 1-5.37-1.86v-.006c-2.432-1.533-2.93-4.912-1.02-7.114zm6.862 12.092q.63-.04 1.248-.13v.008c1.84-.26 3.58-.86 5.14-1.73c2.63-1.46 3.22-4.98 1.25-7.25l-2.6-2.99a2.15 2.15 0 0 0-1.69-.77c-1.17.02-2.1 1.01-2.1 2.19v2.139a3.74 3.74 0 0 1 3.2 3.701c0 2.536-1.941 4.637-4.448 4.832"/><path fill="#212121" d="M12 18a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0v-1a1 1 0 0 0-1-1m-2.498 9.68c-.6 0-1.13-.26-1.5-.68c-.37.42-.9.68-1.5.68c-1.1 0-2-.9-2-2c0-.28.22-.5.5-.5s.5.22.5.5c0 .55.45 1 1 1s1-.45 1-1c0-.28.22-.5.5-.5s.5.22.5.5c0 .55.45 1 1 1s1-.45 1-1c0-.28.22-.5.5-.5s.5.22.5.5c0 1.1-.9 2-2 2m-2.179-3.36l-1.25-1.26c-.61-.61-.18-1.66.68-1.66h2.5c.86 0 1.29 1.05.68 1.66l-1.25 1.26c-.37.38-.98.38-1.36 0"/></g></svg>Comment utiliser l'icône Raccoon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:raccoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:raccoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:raccoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--raccoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:raccoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:raccoon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/raccoon.svg" alt="Icône Raccoon" width="24" height="24">L'icône Raccoon dans d'autres collections
FAQ : Icône Raccoon
L'icône Raccoon est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Raccoon dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:raccoon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Raccoon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/raccoon.svg" alt="Icône Raccoon">, ou collez le code SVG directement dans la page pour le styliser en CSS.