Icono Grid 3x3 Bold

solar:grid-3x3-bold

El icono Grid 3x3 Bold (solar:grid-3x3-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Etiquetas: grid3x3, 3x3bold, grid3x3bold

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="M14.5723 16.0635V21.9844C13.8024 21.9963 12.949 22 12 22C11.0578 22 10.2099 21.9961 9.44434 21.9844C9.44441 21.9801 9.44531 21.9759 9.44531 21.9717V16.0635H14.5723ZM7.94531 16.0635V21.9395C5.78384 21.8274 4.43045 21.5008 3.46484 20.5352C2.50055 19.5709 2.17303 18.2198 2.06055 16.0635H7.94531ZM21.9395 16.0635C21.827 18.2198 21.4995 19.5709 20.5352 20.5352C19.5722 21.4981 18.2235 21.8256 16.0723 21.9385V16.0635H21.9395ZM2.03711 9.43652H7.94531V14.5635H2.03906C2.03105 14.5635 2.0226 14.5642 2.01465 14.5645C2.00282 13.7966 2 12.9458 2 12C2 11.0542 2.00282 10.2034 2.01465 9.43555C2.02212 9.43577 2.02958 9.43652 2.03711 9.43652ZM21.9844 9.43555C21.9962 10.2034 22 11.0542 22 12C22 12.9454 21.9962 13.7959 21.9844 14.5635H16.0723V9.43652L21.9502 9.4375C21.9617 9.43749 21.973 9.43606 21.9844 9.43555ZM14.5723 9.43652V14.5635H9.44531V9.43652H14.5723ZM16.0723 2.06055C18.2235 2.17347 19.5722 2.50186 20.5352 3.46484C21.4995 4.42914 21.827 5.78016 21.9395 7.93652H16.0723V2.06055ZM7.94531 7.93652H2.06055C2.17303 5.78016 2.50055 4.42914 3.46484 3.46484C4.43045 2.49923 5.78381 2.17162 7.94531 2.05957V7.93652ZM12 2C12.949 2 13.8024 2.0027 14.5723 2.01465V7.93652H9.44531L9.44629 2.05957C9.44629 2.04447 9.44424 2.02953 9.44336 2.01465C10.2092 2.00294 11.0574 2 12 2Z"/></svg>

Cómo usar el icono Grid 3x3 Bold

React

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

<Icon icon="solar:grid-3x3-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:grid-3x3-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:grid-3x3-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grid-3x3-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grid-3x3-bold"></div>

Web component

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

<iconify-icon icon="solar:grid-3x3-bold"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/grid-3x3-bold.svg" alt="Icono Grid 3x3 Bold" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Grid 3x3 Bold

¿El icono Grid 3x3 Bold es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Grid 3x3 Bold en React?

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

¿Cómo añado el icono Grid 3x3 Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/grid-3x3-bold.svg" alt="Icono Grid 3x3 Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →