ICONYZ
Español
Icono Image 02 de Huge Icons

Icono Image 02

hugeicons:image-02

El icono Image 02 (hugeicons:image-02) 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
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="1.5"><path d="m3 16l4.47-4.47a1.81 1.81 0 0 1 2.56 0L14 15.5m1.5 1.5L14 15.5m7 .5l-2.47-2.47a1.81 1.81 0 0 0-2.56 0L14 15.5M15.5 8a.5.5 0 0 0 0-1m0 1a.5.5 0 0 1 0-1m0 1V7"/><path d="M3.698 19.747C2.5 18.345 2.5 16.23 2.5 12s0-6.345 1.198-7.747q.256-.3.555-.555C5.655 2.5 7.77 2.5 12 2.5s6.345 0 7.747 1.198q.3.256.555.555C21.5 5.655 21.5 7.77 21.5 12s0 6.345-1.198 7.747q-.256.3-.555.555C18.345 21.5 16.23 21.5 12 21.5s-6.345 0-7.747-1.198q-.3-.256-.555-.555"/></g></svg>

Cómo usar el icono Image 02

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en Huge Icons

Icono image-01
image-01
 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-down
image-down
 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 02 en otras colecciones

Icono Image 02 de coolicons
coolicons

Preguntas frecuentes sobre Icono Image 02

¿El icono Image 02 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 02 en React?

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

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

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

Ver todos los Huge Icons →