ICONYZ
Français
Icône Badger de Fluent Emoji Flat

Icône Badger

fluent-emoji-flat:badger

L'icône Badger (fluent-emoji-flat:badger) 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
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#212121" d="m13.66 29.71l-2.55-4.02L16 24.62v5.07c0 .17-.14.31-.31.31h-1.5c-.22 0-.42-.11-.53-.29m7.68 0l2.55-4.02L19 24.62v5.07c0 .17.14.31.31.31h1.5c.22 0 .41-.11.53-.29"/><path fill="#636363" d="M7.8 16.68h1.48v.4H8.24c-.66 0-1.29.3-1.7.81c-.59.73-1.32 1.59-1.56 1.87c-.05.06-.09.13-.1.2c-.04.25.15.47.4.47h.2v1l2.32 3.832c.24.388.26.876.05 1.284l-1.51 3.006c-.1.209.05.448.29.448h2.21c.28 0 .54-.12.72-.328l2.73-3.216c.24-.278.59-.437.95-.437h8.16c.43 0 .83.219 1.06.577l1.98 3.115c.11.18.31.289.53.289h2.41c.34 0 .62-.279.62-.617v-2.19l1 .19V21c0-1.948-1.424-5.795-6.582-5.992A6 6 0 0 0 22.11 15h-5.23c-.97 0-1.91.388-2.6 1.075a3.6 3.6 0 0 1-.76.577a.737.737 0 0 1-1.1-.637v-.537h-2.3v-.318a1.16 1.16 0 0 0-2.32 0z"/><path fill="#d3d3d3" d="M6.84 17.92c-.57.7-1.27 1.53-1.51 1.8c-.05.05-.08.12-.09.19c-.04.24.14.45.38.45h6.27c.3 0 .54.24.54.54s-.24.54-.54.54H3.62c-.89 0-1.62-.72-1.62-1.62c0-.29.24-.53.54-.53h.4c.56 0 1.07-.28 1.38-.75l1.35-2.07C6.27 15.55 7.3 15 8.4 15h1.73c.07-.56.56-1 1.15-1c.64 0 1.15.52 1.16 1.16v.39c0 .88-.71 1.59-1.59 1.59H8.47c-.63 0-1.23.29-1.63.78M28 20.873v6.335c.647.496 1.294.734 1.736.82c.142.027.264-.086.264-.23v-7.673c0-3.95-2.792-5.062-4.187-5.125h-3.625c3.214.041 5.812 2.654 5.812 5.873"/><path fill="#1c1c1c" d="M9 18.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m-5.8 1.33a.6.6 0 1 1-1.2 0a.6.6 0 0 1 1.2 0"/></g></svg>

Comment utiliser l'icône Badger

React

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

<Icon icon="fluent-emoji-flat:badger" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:badger" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:badger" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--badger]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:badger"></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:badger"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/badger.svg" alt="Icône Badger" width="24" height="24">

L'icône Badger dans d'autres collections

FAQ : Icône Badger

L'icône Badger 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 Badger dans React ?

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/badger.svg" alt="Icône Badger">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji Flat →