Ícone Package Arrow Down Sharp Duotone

keyline-icons:package-arrow-down-sharp-duotone

O ícone Package Arrow Down Sharp Duotone (keyline-icons:package-arrow-down-sharp-duotone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: packagearrow, arrowdown, downsharp, sharpduotone, packagearrowdownsharpduotone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 12C23 12.5523 22.5523 13 22 13L16 13L13 13L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L1.5638 18.0521C1.219 17.885 1 17.5355 1 17.1523L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002Z" stroke="none"/><path fill="currentColor" d="M7.0068 3.3093L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 7.4574L19.2093 9.4105ZM4.7362 4.41L17.0067 10.5453L12.458 12.8889C12.1706 13.037 11.8294 13.037 11.542 12.8889L1 7.4574L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L4.7362 4.41Z" stroke="none"/><path d="M19 15L19 22M15.7071 18.7071L19 22L22.2929 18.7071"/></g></svg>

Como usar o ícone Package Arrow Down Sharp Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:package-arrow-down-sharp-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-sharp-duotone"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Package Arrow Down Sharp Duotone

O ícone Package Arrow Down Sharp Duotone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Package Arrow Down Sharp Duotone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:package-arrow-down-sharp-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Package Arrow Down Sharp Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/package-arrow-down-sharp-duotone.svg" alt="Ícone Package Arrow Down Sharp Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →