# Map Icon

<flow-map-icon>

Stable

The Map Icon component registers an icon to use on a map.

Map icons are used to render point data on symbol-type map layers. SVG and PNG icons are supported.

To maximize image quality on high-resolution ('retina') displays, icon images should be provided at twice the final display size. For example, for a target size of 20x20px, the icon image should be 40x40px and pixel-density should be set to 2 (the default value).

When used as a child element of a Map component, the icon is registered for use on that map only and the icon's name attribute must be unique for that map. When used outside of a Map component, the icon is registered globally for use on all maps and its name attribute must be globally unique.

# Properties

Property	Description	Type	Default
`flowContext` `flow-context`	The Flo.w context ID to use for application state.	`string`	`'default'`
`height`	The display height in pixels of the icon.	`number`
Deprecated `name`	Use ID attribute instead. The unique ID of the icon.	`string`
`pixelDensity` `pixel-density`	The pixel density of the icon. To improve display quality on high resolution screens, map icons should be provided at 2x resolution and the default pixelDensity of 2 should be used.	`number`	`2`
`recolor`	Set to `true` to allow recoloring of icon using map layer style properties.	`boolean`	`false`
`src`	The URL of a png or svg icon file.	`string`
`width`	The display width in pixels of the icon.	`number`

← Map Layer Map Parameter →