Component Pixel Art Icon
A diamond-shaped component mark for design system libraries, reusable UI blocks and component instances.
Tags
componentmoduleblock
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
This is a Pro icon.
Get it with all 5504 pixel art icons: every style, full SVG source, one-time license.
Whole team? Team Unlimited covers everyone.
About the Component icon
A diamond built from four smaller diamonds, the symbol that design tools use for a reusable component. Use it in a layers panel to mark a component or instance, in a design system library, or in a docs site next to component names. It tells designers that an element is shared and linked. For a plain stack of layers, layers is the better fit.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/component.svg" width="24" height="24" alt="Component" />
<!-- React -->
import { Component } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="component.svg" width="48" height="48" style="image-rendering: pixelated" />
