37 new icons you searched for. See what is new

Key Value Pixel Art Icon

Rows of key and value pairs with one selected row, for property panels, config tables and metadata fields.

Development Pro 2 variants

Tags

keyvaluepairs

Style variants

base

Outline · rounded corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

This is a Pro icon.

Get it with all 5570 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team and Enterprise licenses cover up to 5 or 25 seats.

Get Pro

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" />

Related icons

By Gerrit Gerrit Halfmann