Icône Outbox Light
stash:outbox-light
L'icône Outbox Light (stash:outbox-light) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash 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
- Stash Icons
- Auteur
- Pingback LLC
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- outboxlight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.354 6.646a.5.5 0 0 0-.708 0l-2 2a.5.5 0 1 0 .708.708L11.5 8.207V13a.5.5 0 0 0 1 0V8.207l1.146 1.147a.5.5 0 0 0 .708-.708z"/><path fill="currentColor" d="M3.692 10.257a5.6 5.6 0 0 0-.192 1.88c0 .853.002 2.209.041 3.45c.02.653.052 1.282.1 1.793c.023.254.051.487.086.681c.032.18.078.377.154.528a3.5 3.5 0 0 0 1.53 1.53c.403.205.847.295 1.378.338c.52.043 1.167.043 1.989.043h6.444c.821 0 1.469 0 1.99-.043c.53-.043.974-.133 1.377-.338a3.5 3.5 0 0 0 1.53-1.53a2 2 0 0 0 .154-.528c.035-.194.063-.427.087-.681c.047-.51.078-1.14.099-1.794c.039-1.245.04-2.607.041-3.46a5.6 5.6 0 0 0-.192-1.869l-.833-2.913l-.055-.193c-.35-1.24-.775-2.744-2.36-3.391c-.637-.26-1.379-.26-2.563-.26H9.502c-1.184 0-1.925 0-2.563.26c-1.585.647-2.01 2.15-2.36 3.39l-.055.194zM9.62 4.5h4.759c1.343 0 1.87.009 2.303.186c1.125.46 1.424 1.505 1.817 2.881l.847 2.965c.132.463.183.971.16 1.468H19.5v.095q-.005.074-.012.147a2.5 2.5 0 0 1-2.246 2.246a6 6 0 0 1-.62.025h-.04c-.187 0-.35 0-.5.03a1.5 1.5 0 0 0-.997.719a2.4 2.4 0 0 0-.183.45l-.012.036c-.125.373-.238.528-.346.607s-.29.145-.697.145h-3.694c-.394 0-.576-.059-.686-.136c-.108-.076-.229-.23-.358-.616l-.011-.035a2.4 2.4 0 0 0-.183-.451a1.5 1.5 0 0 0-.997-.718a2.5 2.5 0 0 0-.5-.03h-.04q-.323.002-.62-.026A2.5 2.5 0 0 1 4.5 12.105V12h-.006a4.6 4.6 0 0 1 .16-1.468L5.5 7.567c.393-1.376.692-2.422 1.817-2.881c.433-.177.96-.186 2.303-.186M4.54 15.555a96 96 0 0 1-.025-1.09a3.5 3.5 0 0 0 2.146 1.018c.243.024.485.03.718.03c.249 0 .3.003.338.01a.5.5 0 0 1 .332.24c.02.033.037.077.112.301c.155.465.364.86.73 1.117c.363.256.798.319 1.262.319h3.694c.49 0 .93-.074 1.29-.34c.358-.263.555-.656.702-1.096c.074-.224.091-.268.111-.301a.5.5 0 0 1 .332-.24c.038-.007.09-.01.339-.01c.233 0 .474-.006.718-.03a3.5 3.5 0 0 0 2.146-1.018c-.006.363-.014.731-.026 1.09a29 29 0 0 1-.095 1.732c-.022.24-.047.443-.075.598q-.021.117-.04.185l-.021.065a2.5 2.5 0 0 1-1.093 1.092c-.239.122-.536.195-1.005.234c-.476.039-1.082.039-1.93.039H8.8c-.848 0-1.455 0-1.93-.04c-.469-.038-.766-.11-1.005-.233a2.5 2.5 0 0 1-1.093-1.092q-.002-.002-.02-.065a2 2 0 0 1-.04-.185a8 8 0 0 1-.076-.598a30 30 0 0 1-.095-1.732"/></svg>Comment utiliser l'icône Outbox Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:outbox-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:outbox-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:outbox-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--outbox-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:outbox-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:outbox-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/stash/outbox-light.svg" alt="Icône Outbox Light" width="24" height="24">Icônes similaires dans Stash Icons
FAQ : Icône Outbox Light
L'icône Outbox Light est-elle gratuite pour un usage commercial ?
Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Outbox Light dans React ?
Installez @iconify/react et affichez <Icon icon="stash:outbox-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Outbox Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/outbox-light.svg" alt="Icône Outbox Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.