Tetris icon
hugeicons:tetris
The Tetris icon (hugeicons:tetris) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Huge Icons
- Author
- Hugeicons
- License
- MIT
- Size
- 24 × 24
SVG code
<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>How to use the Tetris icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/hugeicons/tetris.svg" alt="Tetris icon" width="24" height="24">Tetris icon in other icon sets
Tetris icon FAQ
Is the Tetris icon free for commercial use?
Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Tetris icon in React?
Install @iconify/react and render <Icon icon="hugeicons:tetris" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tetris icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/tetris.svg" alt="Tetris icon">, or paste the SVG code inline to style it with CSS.