Ícone Database Arrow Down Two Tone

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

O ícone Database Arrow Down Two Tone (keyline-icons:database-arrow-down-two-tone) é 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: databasearrow, arrowdown, downtwo, twotone, databasearrowdowntwotone

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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M2 4C2 3.4334 2.3069 3.0097 2.6034 2.7372C2.9009 2.4639 3.2811 2.2516 3.674 2.0819C4.5074 1.7216 5.5915 1.4609 6.8571 1.2782C8.1227 1.0955 9.5601 1 11 1C12.4399 1 13.8773 1.0955 15.1429 1.2782C16.4085 1.4609 17.4926 1.7216 18.3256 2.0823C18.7189 2.2516 19.0991 2.4639 19.3966 2.7372C19.6931 3.0097 20 3.4334 20 4L20 12C20 12.5523 19.5523 13 19 13L13 13C12.4477 13 12 13.4477 12 14L12 22C12 22.5523 11.5523 23 11 23C9.5601 23 8.1227 22.9045 6.8571 22.7218C5.5915 22.5391 4.5074 22.2784 3.6744 21.9177C3.2811 21.7484 2.9009 21.5361 2.6034 21.2628C2.3069 20.9903 2 20.5666 2 20L2 4Z" stroke="none"/><path d="M19 4C19 5.1046 15.4184 6 11 6C6.5816 6 3 5.1046 3 4C3 2.8954 6.5816 2 11 2C15.4184 2 19 2.8954 19 4ZM3 4L3 20C3 21.1046 6.5816 22 11 22M19 12L19 4M3 12C3 13.1046 6.5816 14 11 14M18 16V22M15 19L18 22L21 19"/></g></svg>

Como usar o ícone Database Arrow Down Two Tone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/database-arrow-down-two-tone.svg" alt="Ícone Database Arrow Down Two Tone" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Database Arrow Down Two Tone

O ícone Database Arrow Down Two Tone é 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 Database Arrow Down Two Tone no React?

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

Como adiciono o ícone Database Arrow Down Two Tone a uma página web?

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

Ver todos os Keyline Icons →