Icône Rat
fluent-emoji-high-contrast:rat
L'icône Rat (fluent-emoji-high-contrast:rat) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast 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 High Contrast
- 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="currentColor"><path d="M17.67 6.32c0-2.39-1.94-4.33-4.33-4.33A4.34 4.34 0 0 0 9 6.32c0 .17.01.33.03.49h-.001a4 4 0 0 1-.027-.362L9 6.562v.26L5.978 8.949L2.91 11.1c-.57.4-.91 1.05-.91 1.75c0 1.18.96 2.14 2.14 2.14h3.832a9.1 9.1 0 0 0 1.778 2.87l-1.21 4.73c-.05.2.1.4.3.4H11c.42 0 .73-.2.87-.74l.61-2.35c1.2.58 2.53 1.1 3.93 1.1h.63c-.6 0-1.08.449-1.08 1.01s.48 1.01 1.08 1.01h5.241c-1.281 0-2.172-1.301-2.578-2.02h.035l.013.023a4.52 4.52 0 0 1 4.043-6.543a.5.5 0 1 1 0 1a3.52 3.52 0 0 0 0 7.04h3.1q.3 0 .581-.064a3.37 3.37 0 0 1-2.845 1.564l-5.64-.01a2.99 2.99 0 0 0-.01 5.98L23 30c.55 0 1-.44 1.01-1c0-.55-.45-1-1-1l-4.02-.01c-.55 0-.99-.44-.99-.99s.44-.99.99-.99l5.64.01c2.96 0 5.37-2.41 5.37-5.37v-6.181a1 1 0 0 0-.054-.323c-.558-5.22-5.371-9.083-10.626-7.946l-1.66.427q.01-.152.01-.307m-1.924.188a2.482 2.482 0 1 1-4.965 0a2.482 2.482 0 0 1 4.965 0M7.426 12.5a1.105 1.105 0 1 1 0-2.21a1.105 1.105 0 0 1 0 2.21m-4.216-.73c.46.13.79.54.79 1.04c0 .51-.35.93-.82 1.05c-.17-.3-.26-.65-.26-1.02c0-.38.1-.75.29-1.07"/><path d="M8.007 6.298c.072-1.323.68-2.906 1.909-3.994a4.32 4.32 0 0 0-5.239 6.338z"/></g></svg>
Comment utiliser l'icône Rat
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:rat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:rat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:rat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--rat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:rat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:rat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rat.svg" alt="Icône Rat" width="24" height="24">
L'icône Rat dans d'autres collections
FAQ : Icône Rat
L'icône Rat est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Rat dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:rat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/rat.svg" alt="Icône Rat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
