Icône Bag
flat-ui:bag
L'icône Bag (flat-ui:bag) est une icône SVG gratuite de la collection Flat UI Icons par Designmodo, Inc.. Elle est dessinée sur une grille de 90 × 100. Les Flat UI 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
- Flat UI Icons
- Auteur
- Designmodo, Inc.
- Licence
- MIT
- Taille
- 90 × 100
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="100" viewBox="0 0 90 100"><path fill="#C0392C" d="M0 94a6 6 0 0 0 6 6h78a6 6 0 0 0 6-6V75H0zM69 0h11a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H69a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2M10 0h11a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2"/><path fill="#AC3327" d="M12 20h2V0h-2zm5-20v20h2V0zm54 20h2V0h-2zm5-20v20h2V0z"/><path fill="#E67E21" d="M51 5v5h5zm-12 5V5l-5 5z"/><path fill="#D35400" d="M44.938 4c2.681 0 4.841.752 6.039 1.879L51 5.5C51 3.017 48.527 1 44.938 1C41.35 1 39 3.017 39 5.5l.039.328C40.21 4.729 42.299 4 44.938 4"/><path fill="#F39C12" d="M20 10h50c11.046 0 20 8.955 20 20v45H0V30c0-11.044 8.954-20 20-20"/><path fill="#D35400" d="m54.561 31.939l-8.498-8.5a1.504 1.504 0 0 0-2.125 0l-8.498 8.5a1.5 1.5 0 0 0 0 2.123l8.498 8.498a1.5 1.5 0 0 0 2.125 0l8.498-8.498a1.503 1.503 0 0 0 0-2.123M44 34.5a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 3 0zm5 0a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 3 0z"/><path fill="#E67E21" d="M76 58a4 4 0 0 0-4-4H18a4 4 0 0 0-4 4v6h2v18a4 4 0 0 0 4 4h50a4 4 0 0 0 4-4V64h2z"/><path fill="#CF7120" d="M74 66v-2H16v2h8.312v3.625a2 2 0 0 0 3.662 1.111A2 2 0 0 1 27 71a2 2 0 0 1-2-2v-3z"/><path fill="#EBEDEE" d="M25 64v5a2 2 0 0 0 4 0v-5zm2 6a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/><path fill="#F4A629" d="M70 10H20C8.954 10 0 18.956 0 30v3c0-11.045 8.954-20 20-20h50c11.046 0 20 8.955 20 20v-3c0-11.044-8.954-20-20-20"/><path fill="#D3D5D6" d="M25 64h4v2h-4z"/><path fill="#CF7120" d="M27 68a.99.99 0 0 0-.934.676l.247-.051c.552 0 1 .449 1 1c0 .115-.03.223-.065.326A.99.99 0 0 0 28 69c0-.551-.448-1-1-1"/><path fill="#BA651C" d="M24.312 64H25v2h-.688z"/><path fill="#AC3327" d="M84 97H6a6 6 0 0 1-6-6v3a6 6 0 0 0 6 6h78a6 6 0 0 0 6-6v-3a6 6 0 0 1-6 6M70 86H20a4 4 0 0 1-4-4v2a4 4 0 0 0 4 4h50a4 4 0 0 0 4-4v-2a4 4 0 0 1-4 4"/></svg>
Comment utiliser l'icône Bag
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:bag" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:bag" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:bag" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--bag]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:bag"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:bag"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/bag.svg" alt="Icône Bag" width="24" height="24">
L'icône Bag dans d'autres collections
FAQ : Icône Bag
L'icône Bag est-elle gratuite pour un usage commercial ?
Oui. Les Flat UI Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Bag dans React ?
Installez @iconify/react et affichez <Icon icon="flat-ui:bag" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bag à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flat-ui/bag.svg" alt="Icône Bag">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Flat UI Icons →
ICONYZ
