ICONYZ
Türkçe
Material Symbols setinden Grid 4x4 ikonu

Grid 4x4 ikonu

material-symbols:grid-4x4

Grid 4x4 ikonu (material-symbols:grid-4x4), Material Symbols setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Material Symbols
Yazar
Google
Lisans
Apache-2.0
Boyut
24 × 24
Kategori
Android
Etiketler
4, by, grid, layout, lines, space, device, grid4x4, grid 4x4 outline, grid 4x4 outline sharp, grid 4x4 sharp
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22v-3H2v-2h3v-4H2v-2h3V7H2V5h3V2h2v3h4V2h2v3h4V2h2v3h3v2h-3v4h3v2h-3v4h3v2h-3v3h-2v-3h-4v3h-2v-3H7v3zm2-5h4v-4H7zm6 0h4v-4h-4zm-6-6h4V7H7zm6 0h4V7h-4z"/></svg>

Grid 4x4 ikonu nasıl kullanılır

React

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

<Icon icon="material-symbols:grid-4x4" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:grid-4x4" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:grid-4x4" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="material-symbols:grid-4x4"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/material-symbols/grid-4x4.svg" alt="Grid 4x4 ikonu" width="24" height="24">

Material Symbols setindeki benzer ikonlar

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

Diğer ikon setlerinde Grid 4x4 ikonu

Tabler Icons setinden Grid 4x4 ikonu
Tabler Icons
 Material Symbols Light setinden Grid 4x4 ikonu
Material Symbols Light

Grid 4x4 ikonu: sık sorulan sorular

Grid 4x4 ikonu ticari kullanım için ücretsiz mi?

Evet. Material Symbols icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Grid 4x4 ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="material-symbols:grid-4x4" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Grid 4x4 ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/material-symbols/grid-4x4.svg" alt="Grid 4x4 ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Material Symbols ikonları →