Pinhead Map IconsIcons

Browse 2743 free Pinhead Map Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. CC0 licensed. Designed by Quincy Morgan. Styles: Precise Shapes, Has Padding.

2,743 iconsCC0-1.0Flags / Maps15px gridby Quincy Morgan
Search icons...

More SVG Icons

0

0-above-water

1

1-above-water

1-minus

1-minus-above-water

1-plus

1-plus-above-water

10

11

111

112

12

123

2

2-above-water

2-minus

2-minus-above-water

2-plus

2-plus-above-water

211

3

3-above-water

3-minus

3-minus-above-water

3-plus

3-plus-above-water

311

4

4-above-water

4-minus

4-minus-above-water

4-plus

4-plus-above-water

411

5

5-above-water

5-minus

5-minus-above-water

5-plus

5-plus-above-water

511

6

6-above-water

6-minus

6-minus-above-water

6-plus

6-plus-above-water

611

7

711

8

811

9

911

988

999

a

a-frame-sidewall-tent

a-frame-sidewall-tents

a-frame-signboard

a-frame-tent

a-frame-tents

activity-panel

adit-profile

adit-profile-with-rocks

aerial-cargo-lift

aerial-cargo-lift-with-crates

aerial-drag-lift

aerial-gondola

aerial-j-bar-lift

aerial-platter-lift

Recently added in Pinhead Map Icons

28 icons added on 11 October 2026. See every pack's latest additions

  • arrow-down-from-three-stacked-banknotes-in-slot icon from Pinhead Map Iconsarrow-down-from-three-stacked-banknotes-in-slot
  • arrow-up-to-three-stacked-banknotes-in-slot icon from Pinhead Map Iconsarrow-up-to-three-stacked-banknotes-in-slot
  • art-uppercase icon from Pinhead Map Iconsart-uppercase
  • art-uppercase-above-swash-line icon from Pinhead Map Iconsart-uppercase-above-swash-line
  • atm-uppercase icon from Pinhead Map Iconsatm-uppercase
  • atm-uppercase-above-banknote-in-slot icon from Pinhead Map Iconsatm-uppercase-above-banknote-in-slot
  • badge-shield-with-wifi icon from Pinhead Map Iconsbadge-shield-with-wifi
  • bear-and-exclamation-point icon from Pinhead Map Iconsbear-and-exclamation-point
  • bear-and-question-mark icon from Pinhead Map Iconsbear-and-question-mark
  • briefcase-with-phone-top-right icon from Pinhead Map Iconsbriefcase-with-phone-top-right
  • campsite-above-canoe icon from Pinhead Map Iconscampsite-above-canoe
  • canoe-above-water icon from Pinhead Map Iconscanoe-above-water
  • cc-uppercase icon from Pinhead Map Iconscc-uppercase
  • cc-uppercase-above-caption icon from Pinhead Map Iconscc-uppercase-above-caption
  • cc-uppercase-in-tv-screen icon from Pinhead Map Iconscc-uppercase-in-tv-screen
  • ice-uppercase icon from Pinhead Map Iconsice-uppercase
  • ice-uppercase-above-icicles icon from Pinhead Map Iconsice-uppercase-above-icicles
  • oc-uppercase icon from Pinhead Map Iconsoc-uppercase
  • oc-uppercase-above-caption icon from Pinhead Map Iconsoc-uppercase-above-caption
  • oc-uppercase-in-tv-screen icon from Pinhead Map Iconsoc-uppercase-in-tv-screen
  • phone-down-above-sos-uppercase icon from Pinhead Map Iconsphone-down-above-sos-uppercase
  • pixel-canoe-above-water icon from Pinhead Map Iconspixel-canoe-above-water
  • sitting-tank-toilet-and-wc-uppercase icon from Pinhead Map Iconssitting-tank-toilet-and-wc-uppercase
  • sos-uppercase icon from Pinhead Map Iconssos-uppercase
  • three-stacked-banknotes icon from Pinhead Map Iconsthree-stacked-banknotes
  • three-stacked-banknotes-in-slot icon from Pinhead Map Iconsthree-stacked-banknotes-in-slot
  • three-stacked-books icon from Pinhead Map Iconsthree-stacked-books
  • wc-uppercase icon from Pinhead Map Iconswc-uppercase

Copy & download Pinhead Map Icons icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install@waysidemapping/pinheadand use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Pinhead Map Icons

Pinhead is a public domain (CC0) library of map icons by Quincy Morgan, designed first for cartography: every symbol stays legible at 15×15 pixels as a marker or point of interest. The set was seeded from public domain sets including Temaki, Maki, the NPMap Symbol Library, OpenStreetMap Carto, Osmic and Health Icons, then redrawn to one standard. Each SVG is a single unstyled path on a 0 0 15 15 viewBox, so fill and halo come from your map style. Coverage is wide and specific, with long descriptive names such as a-frame-tent, boat-on-trailer, disc-golf-basket, deer-with-antlers and crosswalk-markings-lines-paired, plus US state shapes. Pinhead is used by the iD OpenStreetMap editor, Ultra and OpenTrailMap, and it is bundled for QGIS. On npm, @waysidemapping/pinhead ships the SVGs with JSON metadata and @waysidemapping/pinhead-font ships an icon font with CSS classes. Some icons are marked sensitive in the metadata. Search all Pinhead icons here, copy SVG or download PNG. Compared with Maki, Pinhead has many more symbols. Ideal for web maps, trail and outdoor apps, GIS projects and OpenStreetMap tools.

Created By

Quincy MorganVisit Website

License

Features & Tags

Precise ShapesHas Padding

Pack Details

Color Support

Monochrome

Category

Flags / Maps

In 1 collection

How to use Pinhead Map Icons icons

Package

@waysidemapping/pinhead, @waysidemapping/pinhead-font

License SPDX

CC0-1.0

Grid Size

15px

Sample Icons

a-frame-tent, bird, boat-on-trailer

Install

bash
npm install @waysidemapping/pinhead-font

Via Iconify · React

tsx
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="pinhead:icon-name" width={24} />;
}

HTML / CDN

html
<link href="pinhead.css" rel="stylesheet" />

<span class="pinhead-box_truck"></span>

Via Iconify · any framework

tsx
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="pinhead:icon-name" width={24} />;
}

Package stats

Build-time npm metadata cached weekly • Last refresh Oct 18, 2026

@waysidemapping/pinhead

Quality public domain icons for your map pins

v15.25.0

License

CC0-1.0

Weekly downloads

2,263

Monthly downloads

11,041

Total downloads

88,919

Unpacked size

4.2 MB

Last published

Jul 4, 2026

Registry updated

Jul 4, 2026

@waysidemapping/pinhead-font

Official Pinhead map icon font distribution

v1.25.0

License

CC0-1.0

Weekly downloads

139

Monthly downloads

1,305

Total downloads

17,238

Unpacked size

1.1 MB

Last published

Jul 4, 2026

Registry updated

Jul 4, 2026

Pinhead Map Icons version history

Based on the last 10 releases, Pinhead Map Icons typically ships a new version every ~4 days. The latest release, v15.25.0, landed on Jul 4, 2026.

VersionReleased
v15.25.0Jul 4, 2026
v15.24.0May 27, 2026
v15.23.0Apr 28, 2026
v15.22.0Apr 15, 2026
v15.21.0Mar 29, 2026
v15.20.0Mar 25, 2026
v15.19.0Mar 22, 2026
v15.18.0Mar 20, 2026
v15.17.0Mar 17, 2026
v15.16.0Mar 15, 2026
v15.15.0Mar 11, 2026
v14.0.0Mar 9, 2026
v13.0.0Mar 8, 2026
v12.0.0Mar 6, 2026
v11.0.0Mar 6, 2026
v10.0.0Mar 4, 2026
v9.0.0Mar 2, 2026
v8.0.0Feb 28, 2026
v7.0.0Feb 28, 2026
v6.0.0Feb 26, 2026

Source: npm registry data for @waysidemapping/pinhead, refreshed weekly.

Compare Pinhead Map Icons with similar icon packs

Frequently Asked Questions

What is Pinhead made for?
Maps. Every icon is drawn to stay legible at 15×15 pixels as a map marker or point-of-interest symbol. It is used by the iD OpenStreetMap editor, Ultra and OpenTrailMap, and it is bundled for QGIS through the Resource Sharing plugin.
Can I use Pinhead icons without attribution?
Yes. Pinhead is released under CC0, so it is in the public domain. You can use, change and sell work with it without credit.
How do I style Pinhead icons on a map?
Each SVG is a single path on a 0 0 15 15 viewBox with no styling, so set the fill in CSS or your map style. For web maps that use fonts, @waysidemapping/pinhead-font gives a pinhead-ICON_ID CSS class per icon, with underscores in the ID (pinhead-box_truck).
Why are some Pinhead names so long?
Names describe exactly what the symbol shows, such as crosswalk-markings-lines-paired or boat-on-trailer, so similar map features stay distinct. Search with one key word and scan the results.
Where did the Pinhead icons originally come from?
The set was seeded from public domain sets (Temaki, Maki, the NPMap Symbol Library, OpenStreetMap Carto, Osmic and Health Icons) and redrawn to one standard.
How many icons are in Pinhead Map Icons?
Pinhead Map Icons contains 2,743 SVG icons in the Flags / Maps category, designed on a 15px grid.
How often is Pinhead Map Icons updated?
Based on the last 10 releases, Pinhead Map Icons typically ships a new version every ~4 days. The latest release, v15.25.0, landed on Jul 4, 2026. See the full version history below.