ICONYZ
Español
Icono Image Block de Unicons

Icono Image Block

uil:image-block

El icono Image Block (uil:image-block) es un icono SVG gratuito de la colección Unicons de Iconscout. Está dibujado en una cuadrícula de 24 × 24. Unicons se publican bajo la licencia Apache 2.0, 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
Unicons
Autor
Iconscout
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Multimedia
Etiquetas
imageblock
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.54 2.46A5 5 0 1 0 22 6a5 5 0 0 0-1.46-3.54M14 6a3 3 0 0 1 3-3a3 3 0 0 1 1.29.3l-4 4A3 3 0 0 1 14 6m5.12 2.12a3.08 3.08 0 0 1-3.4.57l4-4A3 3 0 0 1 20 6a3 3 0 0 1-.88 2.12M19 13a1 1 0 0 0-1 1v.39l-1.48-1.49a2.87 2.87 0 0 0-3.93 0l-.7.71l-2.48-2.49a2.87 2.87 0 0 0-3.93 0L4 12.61V7a1 1 0 0 1 1-1h4a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 .95-.17h.09A3 3 0 0 0 20 19.44a1.4 1.4 0 0 0 0-.22V14a1 1 0 0 0-1-1M5 20a1 1 0 0 1-1-1v-3.57l2.9-2.89a.79.79 0 0 1 1.09 0l3.19 3.18L15.46 20Zm13-1a1 1 0 0 1-.18.54L13.3 15l.71-.7a.79.79 0 0 1 1.09 0l2.9 2.91Z"/></svg>

Cómo usar el icono Image Block

React

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

<Icon icon="uil:image-block" width="24" />

Vue

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

<template>
  <Icon icon="uil:image-block" width="24" />
</template>

Svelte

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

<Icon icon="uil:image-block" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="uil:image-block"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Unicons

Icono image
image
 Icono image-alt-slash
image-alt-slash
 Icono image-broken
image-broken
 Icono image-check
image-check
 Icono image-download
image-download
 Icono image-edit
image-edit
 Icono image-lock
image-lock
 Icono image-minus
image-minus
 Icono image-plus
image-plus
 Icono image-question
image-question
 Icono image-redo
image-redo
 Icono image-resize-landscape
image-resize-landscape
 Icono image-resize-square
image-resize-square
 Icono image-search
image-search
 Icono image-share
image-share
 Icono image-shield
image-shield
 Icono image-slash
image-slash
 Icono image-times
image-times
 Icono image-upload
image-upload
 Icono image-v
image-v
 Icono images
images

Preguntas frecuentes sobre Icono Image Block

¿El icono Image Block es gratis para uso comercial?

Sí. Unicons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

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

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

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

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

Ver todos los Unicons →