Icône Backpack
fluent-emoji-flat:backpack
L'icône Backpack (fluent-emoji-flat:backpack) 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
- Objets
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ca0b4a" d="M16.09 3.59a3.42 3.42 0 1 0 0 6.84a3.42 3.42 0 0 0 0-6.84m-4.92 3.42a4.92 4.92 0 1 1 9.84 0a4.92 4.92 0 0 1-9.84 0"/><path fill="#f8312f" d="M23.35 30H8.74A3.74 3.74 0 0 1 5 26.26V16.11c0-6.1 4.95-11.05 11.05-11.05S27.1 10.01 27.1 16.11v10.15A3.756 3.756 0 0 1 23.35 30"/><path fill="#ca0b4a" d="M8 25.57c0-4.78 3.58-8.65 8-8.65s8 3.87 8 8.65v-.87c0-4.78-3.58-8.65-8-8.65s-8 3.87-8 8.65z"/><path fill="#fcd53f" d="M8.366 11.578a.5.5 0 0 1-.922-.387l.001-.002l.002-.005l.006-.014a3 3 0 0 1 .106-.221c.074-.146.184-.35.337-.591a9.3 9.3 0 0 1 1.45-1.77c1.353-1.291 3.516-2.572 6.732-2.572s5.336 1.282 6.646 2.579a8.8 8.8 0 0 1 1.386 1.774a7 7 0 0 1 .393.766q.014.03.02.05l.006.014l.002.005v.001l.001.002a.5.5 0 0 1-.934.356l-.003-.007l-.007-.018l-.006-.014l-.061-.136a6 6 0 0 0-.272-.51c-.252-.428-.65-1-1.229-1.573c-1.149-1.137-3.023-2.29-5.942-2.29s-4.844 1.154-6.043 2.297a8.3 8.3 0 0 0-1.293 1.578a7 7 0 0 0-.373.681z"/><path fill="#fcd53f" d="M17.85 12.09h-3.6a1.207 1.207 0 0 1-1.21-1.21v-.6c0-.67.54-1.21 1.21-1.21h3.59c.67 0 1.21.54 1.21 1.21v.6c.004.255-.072.492-.205.687a1.2 1.2 0 0 1-.995.523m-9.811 11.5c.39 0 .72.29.77.67l.27 1.86c.06.46-.3.88-.77.88h-.53a.77.77 0 0 1-.77-.88l.26-1.86c.06-.39.38-.67.77-.67m-.43.77c0 .24.19.43.43.43s.43-.19.43-.43s-.19-.43-.43-.43s-.43.19-.43.43"/></g></svg>
Comment utiliser l'icône Backpack
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:backpack" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:backpack" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:backpack" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--backpack]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:backpack"></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:backpack"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/backpack.svg" alt="Icône Backpack" width="24" height="24">
L'icône Backpack dans d'autres collections
FAQ : Icône Backpack
L'icône Backpack 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 Backpack dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:backpack" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Backpack à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/backpack.svg" alt="Icône Backpack">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji Flat →
ICONYZ
