Ikon Tetris

hugeicons:tetris

Ikon Tetris (hugeicons:tetris) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 5c0-.943 0-1.414.293-1.707S8.057 3 9 3s1.414 0 1.707.293S11 4.057 11 5v4c0 .943 0 1.414-.293 1.707S9.943 11 9 11s-1.414 0-1.707-.293S7 9.943 7 9zm6 10c0-.943 0-1.414.293-1.707S14.057 13 15 13s1.414 0 1.707.293S17 14.057 17 15s0 1.414-.293 1.707S15.943 17 15 17s-1.414 0-1.707-.293S13 15.943 13 15Zm-4 4c0-.943 0-1.414.293-1.707S10.057 17 11 17h8c.943 0 1.414 0 1.707.293S21 18.057 21 19s0 1.414-.293 1.707S19.943 21 19 21h-8c-.943 0-1.414 0-1.707-.293S9 19.943 9 19ZM3 9c0-.943 0-1.414.293-1.707S4.057 7 5 7s1.414 0 1.707.293S7 8.057 7 9v4c0 .943 0 1.414-.293 1.707S5.943 15 5 15s-1.414 0-1.707-.293S3 13.943 3 13z"/></svg>

Cara memakai ikon Tetris

React

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

<Icon icon="hugeicons:tetris" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:tetris" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:tetris" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--tetris]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:tetris"></div>

Web component

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

<iconify-icon icon="hugeicons:tetris"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/tetris.svg" alt="Ikon Tetris" width="24" height="24">

Ikon Tetris di set ikon lain

FAQ Ikon Tetris

Apakah ikon Tetris gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Tetris di React?

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

Bagaimana cara menambahkan ikon Tetris ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/tetris.svg" alt="Ikon Tetris">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →