Fill Pixel Art Icon
A paint-bucket fill icon for color-fill tools, background color pickers, shape fill controls and flood-fill actions.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Fill icon
A paint bucket representing the action of flooding an enclosed area with a solid color. Use it on a 'Fill color' picker in an image editor, a shape background-color control in a design tool, a cell-fill action in a spreadsheet, or a 'Highlight' background-color button in a rich-text editor. It is distinct from a stroke control, which uses a pen-outline icon. For fills covering only half a shape, fill-half is a more precise choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/fill.svg" width="24" height="24" alt="Fill" />
<!-- React -->
import { Fill } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="fill.svg" width="48" height="48" style="image-rendering: pixelated" />