ICONYZ
Português (Brasil)
Ícone Grid View de Material Symbols Light

Ícone Grid View

material-symbols-light:grid-view

O ícone Grid View (material-symbols-light:grid-view) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Material Symbols Light
Autor
Google
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Texto
Tags
app, application square, blocks, components, dashboard, design, grid, interface, layout, screen, site, tiles, ui, ux, view, web
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="M4 11V4h7v7zm0 9v-7h7v7zm9-9V4h7v7zm0 9v-7h7v7z"/></svg>

Como usar o ícone Grid View

React

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

<Icon icon="material-symbols-light:grid-view" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:grid-view" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:grid-view" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--grid-view]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:grid-view"></div>

Web component

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

<iconify-icon icon="material-symbols-light:grid-view"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/grid-view.svg" alt="Ícone Grid View" width="24" height="24">

Ícones relacionados em Material Symbols Light

Ícone grid-3x3
grid-3x3
 Ícone grid-3x3-off
grid-3x3-off
 Ícone grid-3x3-off-rounded
grid-3x3-off-rounded
 Ícone grid-3x3-rounded
grid-3x3-rounded
 Ícone grid-4x4
grid-4x4
 Ícone grid-4x4-rounded
grid-4x4-rounded
 Ícone grid-goldenratio
grid-goldenratio
 Ícone grid-goldenratio-rounded
grid-goldenratio-rounded
 Ícone grid-guides
grid-guides
 Ícone grid-guides-sharp
grid-guides-sharp
 Ícone grid-layout-side
grid-layout-side
 Ícone grid-layout-side-outline
grid-layout-side-outline
 Ícone grid-layout-side-outline-sharp
grid-layout-side-outline-sharp
 Ícone grid-layout-side-rounded
grid-layout-side-rounded
 Ícone grid-layout-side-sharp
grid-layout-side-sharp
 Ícone grid-off
grid-off
 Ícone grid-off-outline
grid-off-outline
 Ícone grid-off-outline-rounded
grid-off-outline-rounded
 Ícone grid-off-outline-sharp
grid-off-outline-sharp
 Ícone grid-off-rounded
grid-off-rounded
 Ícone grid-off-sharp
grid-off-sharp
 Ícone grid-on
grid-on
 Ícone grid-on-outline
grid-on-outline
 Ícone grid-on-outline-sharp
grid-on-outline-sharp

O ícone Grid View em outras coleções

Ícone Grid View de Material Symbols
Material Symbols
 Ícone Grid View de Dashicons
Dashicons
 Ícone Grid View de Huge Icons
Huge Icons
 Ícone Grid View de TDesign Icons
TDesign Icons

Perguntas frequentes sobre Ícone Grid View

O ícone Grid View é grátis para uso comercial?

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Grid View no React?

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

Como adiciono o ícone Grid View a uma página web?

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

Ver todos os Ícones Material Symbols Light →