Icône Upload Duotone Line

lets-icons:upload-duotone-line

L'icône Upload Duotone Line (lets-icons:upload-duotone-line) est une icône SVG gratuite de la collection Lets Icons par Leonid Tsvetkov. Elle est dessinée sur une grille de 24 × 24. Les Lets Icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Lets Icons
Auteur: Leonid Tsvetkov
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Téléchargement et chargement
Mots-clés: uploadduotone, duotoneline, uploadduotoneline

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><mask id="SVG74sSg6WM" width="20" height="12" x="2" y="2" fill="#000" maskUnits="userSpaceOnUse"><path fill="#fff" d="M2 2h20v12H2z"/><path fill-rule="evenodd" d="M6 13h12a3 3 0 1 0 0-6c-.28 0-.42 0-.517-.02c-.298-.06-.44-.151-.616-.399c-.058-.08-.14-.262-.303-.626a5 5 0 0 0-9.128 0c-.163.364-.245.545-.303.626c-.176.248-.318.34-.616.4C6.419 7 6.28 7 6 7a3 3 0 0 0 0 6" clip-rule="evenodd"/></mask><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M6 13h12a3 3 0 1 0 0-6c-.28 0-.42 0-.517-.02c-.298-.06-.44-.151-.616-.399c-.058-.08-.14-.262-.303-.626a5 5 0 0 0-9.128 0c-.163.364-.245.545-.303.626c-.176.248-.318.34-.616.4C6.419 7 6.28 7 6 7a3 3 0 0 0 0 6" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="m7.436 5.955l-.547-.246zm-.303.626l-.488-.348zm-.616.4l-.118-.589zm10.966 0l-.118.588zm-.92-1.026l.548-.246zm.304.626l.488-.348zM12 12.4H6v1.2h6zm6 0h-6v1.2h6zm2.4-2.4a2.4 2.4 0 0 1-2.4 2.4v1.2a3.6 3.6 0 0 0 3.6-3.6zM18 7.6a2.4 2.4 0 0 1 2.4 2.4h1.2A3.6 3.6 0 0 0 18 6.4zm-.889-1.89A5.6 5.6 0 0 0 12 2.4v1.2a4.4 4.4 0 0 1 4.017 2.6zM12 2.4a5.6 5.6 0 0 0-5.111 3.31l1.094.49A4.4 4.4 0 0 1 12 3.6zm-6 4A3.6 3.6 0 0 0 2.4 10h1.2A2.4 2.4 0 0 1 6 7.6zM2.4 10A3.6 3.6 0 0 0 6 13.6v-1.2A2.4 2.4 0 0 1 3.6 10zm4.489-4.29c-.083.184-.141.313-.186.406c-.049.104-.064.125-.058.117l.976.697c.064-.089.12-.2.166-.298q.077-.163.196-.432zM6 7.6c.244 0 .463.003.635-.031L6.4 6.392a1 1 0 0 1-.09.006C6.238 6.4 6.144 6.4 6 6.4zm.645-1.367a.4.4 0 0 1-.1.114a.4.4 0 0 1-.146.045l.236 1.177c.188-.038.379-.096.562-.214c.182-.118.313-.27.424-.425zM18 6.4c-.143 0-.238 0-.309-.002s-.091-.006-.09-.006l-.236 1.177c.172.034.39.031.635.031zm-1.983-.2q.119.27.196.432c.047.098.102.21.166.298l.976-.697c.006.008-.01-.013-.058-.117a18 18 0 0 1-.186-.407zm1.584.192a.4.4 0 0 1-.146-.045a.4.4 0 0 1-.1-.114l-.976.697c.11.156.242.307.424.425c.183.118.374.176.562.214z" mask="url(#SVG74sSg6WM)"/><path fill="currentColor" fill-rule="evenodd" d="M12 2.4a5.6 5.6 0 0 0-5.111 3.31c-.083.184-.141.313-.186.406a2 2 0 0 1-.058.115v.002a.4.4 0 0 1-.1.114a.4.4 0 0 1-.146.045c-.002 0-.023.004-.09.006L6 6.4a3.6 3.6 0 0 0 0 7.2h.572l1.2-1.2H6a2.4 2.4 0 1 1 0-4.8h.057c.221 0 .42 0 .578-.031c.188-.038.379-.096.562-.214c.182-.118.313-.27.424-.425c.064-.089.12-.2.166-.298q.075-.161.193-.424l.003-.007a4.401 4.401 0 0 1 8.034 0l.003.006q.117.264.193.425c.047.098.102.21.166.298c.11.156.242.307.424.425c.183.118.374.176.562.214c.158.032.357.031.578.031H18a2.4 2.4 0 1 1 0 4.8h-1.771l1.2 1.2H18a3.6 3.6 0 1 0 0-7.2c-.143 0-.238 0-.309-.002c-.067-.002-.088-.006-.09-.006a.4.4 0 0 1-.146-.045a.4.4 0 0 1-.1-.114l.001.001l-.001-.003a2 2 0 0 1-.058-.115a24 24 0 0 1-.186-.407A5.6 5.6 0 0 0 12 2.4" clip-rule="evenodd"/><path fill="currentColor" d="m12 12l-.424-.424l.424-.425l.424.425zm.6 9a.6.6 0 1 1-1.2 0zm-5.024-5.424l4-4l.848.848l-4 4zm4.848-4l4 4l-.848.848l-4-4zM12.6 12v9h-1.2v-9z"/></svg>

Comment utiliser l'icône Upload Duotone Line

React

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

<Icon icon="lets-icons:upload-duotone-line" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:upload-duotone-line" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:upload-duotone-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--upload-duotone-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:upload-duotone-line"></div>

Web component

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

<iconify-icon icon="lets-icons:upload-duotone-line"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/upload-duotone-line.svg" alt="Icône Upload Duotone Line" width="24" height="24">

Icônes similaires dans Lets Icons

FAQ : Icône Upload Duotone Line

L'icône Upload Duotone Line est-elle gratuite pour un usage commercial ?

Oui. Les Lets Icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Upload Duotone Line dans React ?

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

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

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

Voir toutes les Lets Icons →