Blend Pixel Art Icon
A blend icon for layer blending modes, opacity transitions, gradient mixing controls and compositing settings.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Blend icon
Overlapping shapes that fade or merge into each other, representing blend modes and compositing options in creative software. Use it on a blend-mode selector (multiply, overlay, screen, etc.) in a design tool's layer panel, a gradient or color-mixing control, or a photo-compositing settings trigger. It communicates that two or more visual layers are interacting rather than simply stacking. For simple opacity control without blending, a dedicated opacity slider or fill icon is a more focused choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/blend.svg" width="24" height="24" alt="Blend" />
<!-- React -->
import { Blend } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="blend.svg" width="48" height="48" style="image-rendering: pixelated" />