Icône Image Arrow Down Two Tone

keyline-icons:image-arrow-down-two-tone

L'icône Image Arrow Down Two Tone (keyline-icons:image-arrow-down-two-tone) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline 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: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: imagearrow, arrowdown, downtwo, twotone, imagearrowdowntwotone

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11 2H6C3.7909 2 2 3.7909 2 6V18C2 20.2091 3.7909 22 6 22H18C20.2091 22 22 20.2091 22 18V13C22 12.4477 21.5523 12 21 12H15C13.3431 12 12 10.6569 12 9V3C12 2.4477 11.5523 2 11 2Z" stroke="none"/><path d="M11 3L6 3C4.3431 3 3 4.3431 3 6L3 18C3 19.6569 4.3431 21 6 21L18 21C19.6569 21 21 19.6569 21 18L21 13M3 18L7.9393 13.0607C8.5251 12.4749 9.4749 12.4749 10.0607 13.0607L12.0801 15.0801C12.6079 15.6079 13.4436 15.6673 14.0408 15.2194L15.9592 13.7806C16.5564 13.3327 17.3921 13.3921 17.9199 13.9199L21 17M18 3V9M15 6L18 9L21 6"/><path fill="currentColor" d="M9.5 7.5C9.5 8.3284 8.8284 9 8 9C7.1716 9 6.5 8.3284 6.5 7.5C6.5 6.6716 7.1716 6 8 6C8.8284 6 9.5 6.6716 9.5 7.5Z" stroke="none"/></g></svg>

Comment utiliser l'icône Image Arrow Down Two Tone

React

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

<Icon icon="keyline-icons:image-arrow-down-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:image-arrow-down-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:image-arrow-down-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--image-arrow-down-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:image-arrow-down-two-tone"></div>

Web component

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

<iconify-icon icon="keyline-icons:image-arrow-down-two-tone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/image-arrow-down-two-tone.svg" alt="Icône Image Arrow Down Two Tone" width="24" height="24">

Icônes similaires dans Keyline Icons

FAQ : Icône Image Arrow Down Two Tone

L'icône Image Arrow Down Two Tone est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Image Arrow Down Two Tone dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:image-arrow-down-two-tone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Image Arrow Down Two Tone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/image-arrow-down-two-tone.svg" alt="Icône Image Arrow Down Two Tone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →