Icono Smartphone Arrow Down Left Fill

keyline-icons:smartphone-arrow-down-left-fill

El icono Smartphone Arrow Down Left Fill (keyline-icons:smartphone-arrow-down-left-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Keyline Icons
Autor: Keyline Icons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: smartphonearrow, arrowdown, downleft, leftfill, smartphonearrowdownleftfill

Descargar 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-rule="evenodd" d="M8 2C6.34315 2 5 3.34315 5 5V19C5 20.6569 6.34315 22 8 22H10V16C10 14.3431 11.3432 13 13 13H19V5C19 3.34315 17.6568 2 16 2H8ZM13.5 5C14.0523 5 14.5 5.44772 14.5 6C14.5 6.55228 14.0523 7 13.5 7H10.5C9.94772 7 9.5 6.55228 9.5 6C9.5 5.44772 9.94772 5 10.5 5H13.5Z" clip-rule="evenodd" stroke="none"/><path d="M19 12V6C19 3.79086 17.2091 2 15 2H9C6.79086 2 5 3.79086 5 6V18C5 20.2091 6.79086 22 9 22M13.5 21.5L18 17M13 16V21.5C13 21.7761 13.2239 22 13.5 22H19"/></g></svg>

Cómo usar el icono Smartphone Arrow Down Left Fill

React

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

<Icon icon="keyline-icons:smartphone-arrow-down-left-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:smartphone-arrow-down-left-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:smartphone-arrow-down-left-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--smartphone-arrow-down-left-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:smartphone-arrow-down-left-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:smartphone-arrow-down-left-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/smartphone-arrow-down-left-fill.svg" alt="Icono Smartphone Arrow Down Left Fill" width="24" height="24">

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Smartphone Arrow Down Left Fill

¿El icono Smartphone Arrow Down Left Fill es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Smartphone Arrow Down Left Fill en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:smartphone-arrow-down-left-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Smartphone Arrow Down Left Fill a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/smartphone-arrow-down-left-fill.svg" alt="Icono Smartphone Arrow Down Left Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →