ICONYZ
Español
Icono Image Down de Huge Icons

Icono Image Down

hugeicons:image-down

El icono Image Down (hugeicons:image-down) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge 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
Huge Icons
Autor
Hugeicons
Licencia
MIT
Tamaño
24 × 24
Etiquetas
imagedown
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-width="1.5"><circle cx="8" cy="8" r="1.5" stroke-linejoin="round"/><path stroke-linejoin="round" d="M21.5 18.5s-2.21 3-3 3s-3-3-3-3m3 2v-6"/><path d="M21.5 11.5c-.002-4.147-.053-6.27-1.391-7.609C18.718 2.5 16.479 2.5 12 2.5c-4.478 0-6.717 0-8.109 1.391C2.5 5.282 2.5 7.521 2.5 12c0 4.478 0 6.718 1.391 8.109S7.521 21.5 12 21.5h1m8.5-9.5v-.5"/><path d="M15 12.24C11.075 13.28 7.92 17.51 5 21"/></g></svg>

Cómo usar el icono Image Down

React

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

<Icon icon="hugeicons:image-down" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:image-down" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:image-down" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--image-down]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:image-down"></div>

Web component

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

<iconify-icon icon="hugeicons:image-down"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/image-down.svg" alt="Icono Image Down" width="24" height="24">

Iconos relacionados en Huge Icons

Icono image-01
image-01
 Icono image-02
image-02
 Icono image-03
image-03
 Icono image-actual-size
image-actual-size
 Icono image-add-01
image-add-01
 Icono image-add-02
image-add-02
 Icono image-composition
image-composition
 Icono image-composition-oval
image-composition-oval
 Icono image-counter-clockwise
image-counter-clockwise
 Icono image-crop
image-crop
 Icono image-delete-01
image-delete-01
 Icono image-delete-02
image-delete-02
 Icono image-done-01
image-done-01
 Icono image-done-02
image-done-02
 Icono image-download
image-download
 Icono image-download-02
image-download-02
 Icono image-flip-horizontal
image-flip-horizontal
 Icono image-flip-vertical
image-flip-vertical
 Icono image-minus
image-minus
 Icono image-not-found-01
image-not-found-01
 Icono image-not-found-02
image-not-found-02
 Icono image-off
image-off
 Icono image-play
image-play
 Icono image-plus
image-plus

El icono Image Down en otras colecciones

Icono Image Down de Lucide
Lucide
 Icono Image Down de Reicon
Reicon

Preguntas frecuentes sobre Icono Image Down

¿El icono Image Down es gratis para uso comercial?

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

¿Cómo uso el icono Image Down en React?

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

¿Cómo añado el icono Image Down a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/image-down.svg" alt="Icono Image Down">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Huge Icons →