Blocks Small Pixel Art Icon
Smaller block units icon for compact component grids, fine-grained module views, and densely packed dependency lists.
Tags
blockssmall
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Blocks Small icon
A smaller-scale version of the blocks icon, showing more tightly packed or miniaturized units. It distinguishes a detailed or zoomed-in view of a component grid from a high-level overview. Use it when the UI needs to represent many small modules (a large dependency tree, a dense plugin list, or a fine-grained asset grid) without the visual weight of large block shapes. When the context calls for fewer, more prominent components, the standard blocks icon is a better choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/blocks-small.svg" width="24" height="24" alt="Blocks Small" />
<!-- React -->
import { BlocksSmall } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="blocks-small.svg" width="48" height="48" style="image-rendering: pixelated" />