Icône Box
iwwa:box
L'icône Box (iwwa:box) est une icône SVG gratuite de la collection Innowatio Font par Innowatio. Elle est dessinée sur une grille de 40 × 40. Les Innowatio Font icons sont publiées sous la licence Apache 2.0, 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
- Innowatio Font
- Auteur
- Innowatio
- Licence
- Apache-2.0
- Taille
- 40 × 40
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="currentColor" d="M36.611 34.313H3.389c-2.084 0-2.867-1.762-2.989-2.692l-.004-11.79a.5.5 0 0 1 .034-.182L5.093 7.661a3.13 3.13 0 0 1 3.02-1.974h23.758a3.15 3.15 0 0 1 3.043 1.992l4.655 11.97a.5.5 0 0 1 .034.182v11.725c-.125.996-.907 2.757-2.992 2.757M1.396 19.925v11.631c.021.119.301 1.758 1.993 1.758h33.222c1.738 0 1.986-1.748 1.996-1.822l-.004-11.566l-4.628-11.9c-.025-.069-.502-1.337-2.087-1.337H8.131c-1.629 0-2.094 1.304-2.099 1.317z"/><path fill="currentColor" d="M27.166 22.618h-14.33a.5.5 0 0 1-.497-.553c.122-1.151-.032-2.005-.449-2.468c-.412-.458-1.044-.423-1.101-.419l-5.573.005a.5.5 0 0 1-.464-.683l3.489-8.814a.5.5 0 0 1 .465-.316h22.588a.5.5 0 0 1 .465.316l3.441 8.695a.5.5 0 0 1-.398.803h-5.524c-.077-.006-.115-.009-.171-.009c-.231 0-.666.055-.997.423c-.416.464-.571 1.316-.448 2.468a.496.496 0 0 1-.496.552m-13.792-1h13.253c-.048-1.186.2-2.089.739-2.688c.815-.906 1.984-.74 1.983-.741l4.697-.004l-3.093-7.815H9.046l-3.093 7.815h4.749c.015-.003.09-.009.192-.009c.397 0 1.149.098 1.74.754c.539.599.788 1.502.74 2.688"/></svg>
Comment utiliser l'icône Box
React
import { Icon } from "@iconify/react";
<Icon icon="iwwa:box" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iwwa:box" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iwwa:box" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iwwa--box]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iwwa -->
<div class="i-iwwa:box"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iwwa:box"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/iwwa/box.svg" alt="Icône Box" width="24" height="24">
L'icône Box dans d'autres collections
FAQ : Icône Box
L'icône Box est-elle gratuite pour un usage commercial ?
Oui. Les Innowatio Font icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Box dans React ?
Installez @iconify/react et affichez <Icon icon="iwwa:box" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Box à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/iwwa/box.svg" alt="Icône Box">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Innowatio Font →
ICONYZ
