Icono Blocks
keyline-icons:blocks
El icono Blocks (keyline-icons:blocks) 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
- block
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7C3 5.8954 3.8954 5 5 5L9 5C10.1046 5 11 5.8954 11 7L11 13L17 13C18.1046 13 19 13.8954 19 15L19 19C19 20.1046 18.1046 21 17 21L5 21C3.8954 21 3 20.1046 3 19L3 7ZM3 13L11 13M11 13L11 21M15 5C15 3.8954 15.8954 3 17 3L19 3C20.1046 3 21 3.8954 21 5L21 7C21 8.1046 20.1046 9 19 9L17 9C15.8954 9 15 8.1046 15 7L15 5Z"/></svg>
Cómo usar el icono Blocks
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:blocks" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:blocks" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:blocks" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--blocks]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:blocks"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:blocks"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/blocks.svg" alt="Icono Blocks" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Blocks en otras colecciones
Preguntas frecuentes sobre Icono Blocks
¿El icono Blocks 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 Blocks en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:blocks" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Blocks a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/blocks.svg" alt="Icono Blocks">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
