Icono Arrow Down To Line Bold Duotone

solar:arrow-down-to-line-bold-duotone

El icono Arrow Down To Line Bold Duotone (solar:arrow-down-to-line-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Flechas de acción
Etiquetas: arrowdown, downto, toline, linebold, boldduotone

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20 21.75C20.4142 21.75 20.75 21.4142 20.75 21C20.75 20.5858 20.4142 20.25 20 20.25L4 20.25C3.58579 20.25 3.25 20.5858 3.25 21C3.25 21.4142 3.58579 21.75 4 21.75L20 21.75Z"/><path d="M12.7501 3L12.7501 14.0684L15.4464 11.1191C15.7258 10.8135 16.2002 10.792 16.506 11.0713C16.8116 11.3507 16.8331 11.8252 16.5538 12.1309L12.5538 16.5059C12.4117 16.6613 12.2107 16.75 12.0001 16.75C11.7895 16.75 11.5885 16.6613 11.4464 16.5059L7.44639 12.1309C7.16709 11.8251 7.18861 11.3507 7.49424 11.0713C7.79995 10.792 8.27437 10.8135 8.55381 11.1191L11.2501 14.0684L11.2501 3C11.2501 2.58579 11.5859 2.25 12.0001 2.25C12.4143 2.25 12.7501 2.58579 12.7501 3Z" opacity=".5"/></g></svg>

Cómo usar el icono Arrow Down To Line Bold Duotone

React

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

<Icon icon="solar:arrow-down-to-line-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:arrow-down-to-line-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:arrow-down-to-line-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--arrow-down-to-line-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:arrow-down-to-line-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:arrow-down-to-line-bold-duotone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/arrow-down-to-line-bold-duotone.svg" alt="Icono Arrow Down To Line Bold Duotone" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Arrow Down To Line Bold Duotone

¿El icono Arrow Down To Line Bold Duotone es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Arrow Down To Line Bold Duotone en React?

Instala @iconify/react y renderiza <Icon icon="solar:arrow-down-to-line-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Arrow Down To Line Bold Duotone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/arrow-down-to-line-bold-duotone.svg" alt="Icono Arrow Down To Line Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →