Icône Package Arrow Down Duotone

keyline-icons:package-arrow-down-duotone

L'icône Package Arrow Down Duotone (keyline-icons:package-arrow-down-duotone) 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: packagearrow, arrowdown, downduotone, packagearrowdownduotone

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="M13.3613 1.3266L21.3613 5.4003C22.3668 5.9123 23 6.9453 23 8.0737L23 12C23 12.5523 22.5523 13 22 13L16 13C14.3431 13 13 14.3431 13 16L13 22C13 22.5523 12.5523 23 12 23C11.5332 23 11.0663 22.8911 10.6387 22.6734L2.6387 18.5997C1.6332 18.0877 1 17.0547 1 15.9263L1 8.0737C1 6.9453 1.6332 5.9123 2.6387 5.4003L10.6387 1.3266C11.494 0.8911 12.506 0.8911 13.3613 1.3266Z" stroke="none"/><path fill="currentColor" d="M7.0013 3.1788L10.6387 1.3266C11.494 0.8911 12.506 0.8911 13.3613 1.3266L21.3613 5.4003C22.1892 5.8219 22.7648 6.5967 22.9422 7.4872L19.1884 9.4213ZM4.8013 4.2991L17.0013 10.5481L12.458 12.8889C12.1706 13.037 11.8294 13.037 11.542 12.8889L1.0578 7.4872C1.2352 6.5967 1.8108 5.8219 2.6387 5.4003L4.8013 4.2991Z" stroke="none"/><path d="M19 16L19 22M16 19L19 22L22 19"/></g></svg>

Comment utiliser l'icône Package Arrow Down Duotone

React

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

<Icon icon="keyline-icons:package-arrow-down-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:package-arrow-down-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:package-arrow-down-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:package-arrow-down-duotone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/package-arrow-down-duotone.svg" alt="Icône Package Arrow Down Duotone" width="24" height="24">

Icônes similaires dans Keyline Icons

FAQ : Icône Package Arrow Down Duotone

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

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

Comment ajouter l'icône Package Arrow Down Duotone à une page web ?

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

Voir toutes les Keyline Icons →