Icône Img Duotone

lets-icons:img-duotone

L'icône Img Duotone (lets-icons:img-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: imgduotone

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="SVGsrg0ndkk" width="18" height="18" x="3" y="3" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path d="M3 11c0-3.771 0-5.657 1.172-6.828S7.229 3 11 3h2c3.771 0 5.657 0 6.828 1.172S21 7.229 21 11v2c0 3.771 0 5.657-1.172 6.828S16.771 21 13 21h-2c-3.771 0-5.657 0-6.828-1.172S3 16.771 3 13z"/></mask><g fill="none"><g mask="url(#SVGsrg0ndkk)"><path fill="currentColor" fill-opacity=".25" d="m12.689 14.57l-1.497-1.633c-1.27-1.385-1.904-2.078-2.73-2.115c-.825-.038-1.52.594-2.91 1.858l-1.921 1.747c-.299.271-.448.407-.533.583l-.024.056c-.074.18-.074.383-.074.786c0 3.669 0 5.503 1.083 6.657q.163.174.346.327c1.212 1.017 3.044.916 6.706.712l3.312-.184c2.61-.145 3.916-.218 4.85-.874c.441-.31.815-.704 1.1-1.161c.603-.97.603-2.278.603-4.892v-.194c0-.408 0-.612-.038-.805a2 2 0 0 0-.3-.72c-.108-.165-.253-.309-.54-.597c-.66-.659-.99-.988-1.357-1.14a2 2 0 0 0-1.53 0c-.368.152-.697.481-1.356 1.14l-.507.507c-.592.592-.889.889-1.248.922a1 1 0 0 1-.228-.005c-.358-.049-.641-.358-1.207-.976"/></g><circle cx="16" cy="9" r="2" fill="currentColor"/></g></svg>

Comment utiliser l'icône Img Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:img-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-duotone"></iconify-icon>

Image HTML

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

Icônes similaires dans Lets Icons

FAQ : Icône Img Duotone

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

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

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

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

Voir toutes les Lets Icons →