Icono Line Arrow Down Dashed Square Remix

streamline:line-arrow-down-dashed-square-remix

El icono Line Arrow Down Dashed Square Remix (streamline:line-arrow-down-dashed-square-remix) es un icono SVG gratuito de la colección Streamline. Está dibujado en una cuadrícula de 14 × 14. Streamline 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: Streamline
Autor: Streamline
Licencia: CC-BY-4.0
Tamaño: 14 × 14
Categoría: Interfaz esencial
Etiquetas: linearrow, arrowdown, downdashed, dashedsquare, squareremix

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M1.625 2c0-.207.168-.375.375-.375h.5a.625.625 0 1 0 0-1.25H2C1.103.375.375 1.103.375 2v.5a.625.625 0 1 0 1.25 0zm6 2a.625.625 0 1 0-1.25 0v4.491l-.933-.933a.625.625 0 1 0-.884.884l2 2a.62.62 0 0 0 .436.183h.012a.62.62 0 0 0 .436-.183l2-2a.625.625 0 1 0-.884-.884l-.933.933zM1 10.875c.345 0 .625.28.625.625v.5c0 .207.168.375.375.375h.5a.625.625 0 1 1 0 1.25H2A1.625 1.625 0 0 1 .375 12v-.5c0-.345.28-.625.625-.625m5 1.5a.625.625 0 1 0 0 1.25h2a.625.625 0 1 0 0-1.25zm7-1.5c.345 0 .625.28.625.625v.5c0 .898-.727 1.625-1.625 1.625h-.5a.625.625 0 1 1 0-1.25h.5a.375.375 0 0 0 .375-.375v-.5c0-.345.28-.625.625-.625M13.625 6a.625.625 0 1 0-1.25 0v2a.625.625 0 1 0 1.25 0zM1 5.375c.345 0 .625.28.625.625v2a.625.625 0 1 1-1.25 0V6c0-.345.28-.625.625-.625M5.375 1c0-.345.28-.625.625-.625h2a.625.625 0 1 1 0 1.25H6A.625.625 0 0 1 5.375 1M11.5.375a.625.625 0 1 0 0 1.25h.5c.207 0 .375.168.375.375v.5a.625.625 0 1 0 1.25 0V2c0-.897-.727-1.625-1.625-1.625z" clip-rule="evenodd"/></svg>

Cómo usar el icono Line Arrow Down Dashed Square Remix

React

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

<Icon icon="streamline:line-arrow-down-dashed-square-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline:line-arrow-down-dashed-square-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline:line-arrow-down-dashed-square-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline--line-arrow-down-dashed-square-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline -->
<div class="i-streamline:line-arrow-down-dashed-square-remix"></div>

Web component

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

<iconify-icon icon="streamline:line-arrow-down-dashed-square-remix"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/streamline/line-arrow-down-dashed-square-remix.svg" alt="Icono Line Arrow Down Dashed Square Remix" width="24" height="24">

Iconos relacionados en Streamline

Preguntas frecuentes sobre Icono Line Arrow Down Dashed Square Remix

¿El icono Line Arrow Down Dashed Square Remix es gratis para uso comercial?

Sí. Streamline 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 Line Arrow Down Dashed Square Remix en React?

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

¿Cómo añado el icono Line Arrow Down Dashed Square Remix a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline/line-arrow-down-dashed-square-remix.svg" alt="Icono Line Arrow Down Dashed Square Remix">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Streamline →