Icono Arrow Down From Line Bold Duotone

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

El icono Arrow Down From Line Bold Duotone (solar:arrow-down-from-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, downfrom, fromline, 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 3.75C20.4142 3.75 20.75 3.41421 20.75 3C20.75 2.58579 20.4142 2.25 20 2.25L4 2.25C3.58579 2.25 3.25 2.58579 3.25 3C3.25 3.41421 3.58579 3.75 4 3.75L20 3.75Z"/><path d="M12.7501 8L12.7501 19.0684L15.4464 16.1191C15.7258 15.8135 16.2002 15.792 16.506 16.0713C16.8116 16.3507 16.8331 16.8252 16.5538 17.1309L12.5538 21.5059C12.4117 21.6613 12.2107 21.75 12.0001 21.75C11.7895 21.75 11.5885 21.6613 11.4464 21.5059L7.44639 17.1309C7.16709 16.8251 7.18861 16.3507 7.49424 16.0713C7.79995 15.792 8.27437 15.8135 8.55381 16.1191L11.2501 19.0684L11.2501 8C11.2501 7.58579 11.5859 7.25 12.0001 7.25C12.4143 7.25 12.7501 7.58579 12.7501 8Z" opacity=".5"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:arrow-down-from-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-from-line-bold-duotone"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Arrow Down From Line Bold Duotone

¿El icono Arrow Down From 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 From Line Bold Duotone en React?

Instala @iconify/react y renderiza <Icon icon="solar:arrow-down-from-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 From 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-from-line-bold-duotone.svg" alt="Icono Arrow Down From Line Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →