Ícone Grid 3x3 Bold

solar:grid-3x3-bold

O ícone Grid 3x3 Bold (solar:grid-3x3-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Tags: grid3x3, 3x3bold, grid3x3bold

Baixar 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Grid 3x3 Bold

O ícone Grid 3x3 Bold é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Grid 3x3 Bold no React?

Instale @iconify/react e renderize <Icon icon="solar:grid-3x3-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Grid 3x3 Bold a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/grid-3x3-bold.svg" alt="Ícone Grid 3x3 Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →