Key Value Pixel Art Icon
Rows of key and value pairs with one selected row, for property panels, config tables and metadata fields.
Tags
keyvaluepairs
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 Key Value icon
A short column of keys next to a longer column of values, with the middle row highlighted. Use it for a properties panel, a headers editor in an API client, a metadata section, or a config table. It says 'named fields' more clearly than a plain table. For a full data grid, table is the better choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/key-value.svg" width="24" height="24" alt="Key Value" />
<!-- React -->
import { KeyValue } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="key-value.svg" width="48" height="48" style="image-rendering: pixelated" />