ICONYZ
Bahasa Indonesia
Ikon Grid Four Up dari Open Iconic

Ikon Grid Four Up

oi:grid-four-up

Ikon Grid Four Up (oi:grid-four-up) adalah ikon SVG gratis dari set Open Iconic karya Iconic. Ikon ini digambar pada grid 8 × 8. Open Iconic icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Open Iconic
Pembuat
Iconic
Lisensi
MIT
Ukuran
8 × 8
Tag
gridfour, fourup, gridfourup
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path fill="currentColor" d="M0 0v1h1V0zm2 0v1h1V0zm2 0v1h1V0zm2 0v1h1V0zM0 2v1h1V2zm2 0v1h1V2zm2 0v1h1V2zm2 0v1h1V2zM0 4v1h1V4zm2 0v1h1V4zm2 0v1h1V4zm2 0v1h1V4zM0 6v1h1V6zm2 0v1h1V6zm2 0v1h1V6zm2 0v1h1V6z"/></svg>

Cara memakai ikon Grid Four Up

React

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

<Icon icon="oi:grid-four-up" width="24" />

Vue

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

<template>
  <Icon icon="oi:grid-four-up" width="24" />
</template>

Svelte

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

<Icon icon="oi:grid-four-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[oi--grid-four-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oi -->
<div class="i-oi:grid-four-up"></div>

Web component

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

<iconify-icon icon="oi:grid-four-up"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/oi/grid-four-up.svg" alt="Ikon Grid Four Up" width="24" height="24">

Ikon terkait di Open Iconic

FAQ Ikon Grid Four Up

Apakah ikon Grid Four Up gratis untuk penggunaan komersial?

Ya. Open Iconic icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Grid Four Up di React?

Pasang @iconify/react lalu render <Icon icon="oi:grid-four-up" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Grid Four Up ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/oi/grid-four-up.svg" alt="Ikon Grid Four Up">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Open Iconic →