Icône Img Box Duotone
lets-icons:img-box-duotone
L'icône Img Box Duotone (lets-icons:img-box-duotone) 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
- Types multimédias
- Mots-clés
- imgbox, boxduotone, imgboxduotone
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M4.172 4.172C3 5.343 3 7.229 3 11v2.484l1.734-1.486l.029-.025c.829-.71 1.49-1.276 2.056-1.645c.58-.377 1.144-.601 1.766-.513a2.5 2.5 0 0 1 .427.1c.598.195 1.004.645 1.358 1.24c.346.58.69 1.38 1.12 2.384l.014.035c.214.5.356.828.49 1.054c.13.218.208.262.254.279q.04.015.082.022c.048.008.138.01.36-.117c.232-.13.521-.346.959-.674l.02-.015c.46-.345.836-.627 1.165-.826c.343-.207.673-.349 1.049-.388q.112-.011.223-.013c.378-.005.72.097 1.084.263c.348.16.75.394 1.245.682l.022.013l2.528 1.475C21 14.644 21 13.873 21 13v-2c0-3.771 0-5.657-1.172-6.828S16.771 3 13 3h-2C7.229 3 5.343 3 4.172 4.172m16.77 12.29l-2.99-1.744c-.52-.304-.88-.513-1.177-.649c-.288-.131-.479-.175-.656-.173q-.068 0-.134.008l-.051-.497l.051.497c-.176.018-.36.084-.633.249c-.282.17-.617.421-1.103.785l-.027.02c-.403.303-.745.56-1.04.726c-.31.174-.648.297-1.027.23a1.5 1.5 0 0 1-.246-.066c-.362-.13-.593-.404-.774-.71c-.172-.29-.34-.68-.537-1.14l-.013-.03c-.449-1.047-.766-1.785-1.074-2.301c-.303-.509-.548-.716-.81-.802a1.5 1.5 0 0 0-.256-.06c-.273-.038-.585.04-1.081.362c-.504.328-1.115.85-1.98 1.59l-2.378 2.04c.03 2.606.197 4.063 1.166 5.031C5.343 21 7.229 21 11 21h2c3.771 0 5.657 0 6.828-1.172c.74-.74 1.013-1.763 1.113-3.367" clip-rule="evenodd"/><circle cx="16" cy="8" r="2" fill="currentColor"/></svg>
Comment utiliser l'icône Img Box Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:img-box-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:img-box-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:img-box-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--img-box-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:img-box-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:img-box-duotone"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/lets-icons/img-box-duotone.svg" alt="Icône Img Box Duotone" width="24" height="24">
Icônes similaires dans Lets Icons
FAQ : Icône Img Box Duotone
L'icône Img Box Duotone 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 Img Box Duotone dans React ?
Installez @iconify/react et affichez <Icon icon="lets-icons:img-box-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Img Box Duotone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lets-icons/img-box-duotone.svg" alt="Icône Img Box Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Lets Icons →
