ICONYZ
Français
Icône Outbox Duotone de Stash Icons

Icône Outbox Duotone

stash:outbox-duotone

L'icône Outbox Duotone (stash:outbox-duotone) 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
outboxduotone
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.25 12.146c-.04-.647.02-1.323.201-1.957l.833-2.914l.059-.209c.344-1.223.8-2.843 2.502-3.538c.684-.279 1.473-.279 2.619-.278h5.072c1.145 0 1.935-.001 2.619.278c1.701.695 2.157 2.315 2.501 3.538l.06.21l.832 2.913c.18.63.24 1.303.202 1.945c0 .853-.002 2.214-.041 3.46c-.02.656-.052 1.291-.1 1.809a9 9 0 0 1-.09.702a2.2 2.2 0 0 1-.178.598a3.75 3.75 0 0 1-1.639 1.638c-.444.227-.924.321-1.47.366c-.531.043-1.187.043-2 .043H8.768c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639a2.2 2.2 0 0 1-.177-.597a9 9 0 0 1-.09-.702a31 31 0 0 1-.1-1.81a115 115 0 0 1-.041-3.447m4.162-7.229c.376-.153.843-.167 2.208-.167h4.759c1.365 0 1.833.014 2.208.167c1.007.411 1.277 1.337 1.686 2.77l.833 2.914c.125.438.173.923.15 1.399h-.006v.086l-.01.132a2.25 2.25 0 0 1-2.022 2.021a6 6 0 0 1-.596.024h-.046a2.7 2.7 0 0 0-.545.036c-.489.1-.912.405-1.163.837c-.09.157-.148.33-.202.492l-.013.04c-.12.358-.211.452-.257.486c-.044.032-.163.096-.55.096h-3.693c-.376 0-.495-.058-.542-.09c-.044-.031-.142-.124-.264-.491l-.014-.04a2.6 2.6 0 0 0-.202-.493a1.75 1.75 0 0 0-1.163-.837a2.7 2.7 0 0 0-.545-.036h-.045a6 6 0 0 1-.596-.024a2.25 2.25 0 0 1-2.032-2.143V12h-.006a4.4 4.4 0 0 1 .15-1.4l.832-2.913c.41-1.433.68-2.359 1.686-2.77M4.776 15.02l.014.527c.02.644.05 1.244.095 1.717q.033.357.072.577c.02.107.035.162.04.18L5 18.03l-.004-.008c.216.424.56.768.984.984c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h6.4c.852 0 1.447 0 1.91-.038c.453-.038.714-.107.912-.207a2.25 2.25 0 0 0 .98-.978v-.001l.003-.005l-.003.006l-.001.002l.002-.008c.005-.018.02-.073.04-.18q.039-.22.072-.577c.044-.473.074-1.073.095-1.717l.014-.528a3.74 3.74 0 0 1-1.861.713a8 8 0 0 1-.742.031a7 7 0 0 0-.29.005h.002h-.002a.25.25 0 0 0-.165.12c.003-.004-.002.002-.017.042l-.073.213c-.152.456-.37.909-.79 1.219c-.424.312-.928.388-1.44.388h-3.693c-.48 0-.98-.063-1.406-.365c-.43-.303-.662-.757-.824-1.242a7 7 0 0 0-.09-.255a.25.25 0 0 0-.165-.12l-.05-.003l-.24-.002c-.237 0-.487-.006-.742-.03a3.74 3.74 0 0 1-1.86-.713" clip-rule="evenodd"/><path fill="currentColor" d="M11.47 6.47a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1-1.06 1.06l-.72-.72V13a.75.75 0 0 1-1.5 0V8.81l-.72.72a.75.75 0 1 1-1.06-1.06z" opacity=".5"/></svg>

Comment utiliser l'icône Outbox Duotone

React

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

<Icon icon="stash:outbox-duotone" width="24" />

Vue

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

<template>
  <Icon icon="stash:outbox-duotone" width="24" />
</template>

Svelte

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

<Icon icon="stash:outbox-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--outbox-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:outbox-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="stash:outbox-duotone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/stash/outbox-duotone.svg" alt="Icône Outbox Duotone" width="24" height="24">

Icônes similaires dans Stash Icons

FAQ : Icône Outbox Duotone

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

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/outbox-duotone.svg" alt="Icône Outbox Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Stash Icons →