icons
Dithered pixel icons
Free 16×16 pixel icons with a dithered fill, drawn to sit next to DitherCharts' charts and form controls. Pick a fill, then copy the SVG or React code, or download a PNG.
Navigation
Actions
Objects
Media
Status
Charts
Questions
Is it free?
Yes. Use the icons in personal and commercial projects, with no account and no attribution required.
How do I use one in React?
Pick an icon, then Copy JSX. You get a small component that draws an inline SVG in currentColor, so it takes the text color around it.
What sizes do they work at?
They're drawn on a 16×16 grid. Use them at whole multiples, such as 16, 32, 48 or 64px, so every pixel stays square and sharp.
What does the fill setting do?
Shapes like the heart or folder have an inside area dithered with the same 4×4 Bayer pattern as DitherCharts' form controls. Outline leaves it empty and Solid fills it in. Line icons like arrows have no fill, so the setting doesn't change them.