Blend Pixel Art Icon
A blend icon for layer blending modes, opacity transitions, gradient mixing controls and compositing settings.
Tags
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 4431 pixel art icons: every style, full SVG source, one-time license.
Whole team? Team Unlimited covers everyone.
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" />