ICONYZ
Türkçe
Phosphor setinden Grid Nine ikonu

Grid Nine ikonu

ph:grid-nine

Grid Nine ikonu (ph:grid-nine), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor icons, MIT 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
Phosphor
Yazar
Phosphor Icons
Lisans
MIT
Boyut
256 × 256
Etiketler
9, apps, applications, squares, tiles, cells, tables, tabular, spreadsheets, excel, gridnine
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M216 48H40a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16m-112 96v-32h48v32Zm48 16v32h-48v-32ZM40 112h48v32H40Zm64-16V64h48v32Zm64 16h48v32h-48Zm48-16h-48V64h48ZM88 64v32H40V64Zm-48 96h48v32H40Zm176 32h-48v-32h48z"/></svg>

Grid Nine ikonu nasıl kullanılır

React

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

<Icon icon="ph:grid-nine" width="24" />

Vue

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

<template>
  <Icon icon="ph:grid-nine" width="24" />
</template>

Svelte

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

<Icon icon="ph:grid-nine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--grid-nine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:grid-nine"></div>

Web bileşeni

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

<iconify-icon icon="ph:grid-nine"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ph/grid-nine.svg" alt="Grid Nine ikonu" width="24" height="24">

Phosphor setindeki benzer ikonlar

Diğer ikon setlerinde Grid Nine ikonu

Grid Nine ikonu: sık sorulan sorular

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

Evet. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

Grid Nine 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/ph/grid-nine.svg" alt="Grid Nine ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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