Toggle menu
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.
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
arrow-up-to-three-stacked-banknotes-in-slot
art-uppercase
art-uppercase-above-swash-line
atm-uppercase
atm-uppercase-above-banknote-in-slot
badge-shield-with-wifi
bear-and-exclamation-point
bear-and-question-mark
briefcase-with-phone-top-right
campsite-above-canoe
canoe-above-water
cc-uppercase
cc-uppercase-above-caption
cc-uppercase-in-tv-screen
ice-uppercase
ice-uppercase-above-icicles
oc-uppercase
oc-uppercase-above-caption
oc-uppercase-in-tv-screen
phone-down-above-sos-uppercase
pixel-canoe-above-water
sitting-tank-toilet-and-wc-uppercase
sos-uppercase
three-stacked-banknotes
three-stacked-banknotes-in-slot
three-stacked-books
wc-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.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
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.
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
npm install @waysidemapping/pinhead-fontVia Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="pinhead:icon-name" width={24} />;
}HTML / CDN
<link href="pinhead.css" rel="stylesheet" />
<span class="pinhead-box_truck"></span>Via Iconify · any framework
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
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
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.
| Version | Released |
|---|---|
| v15.25.0 | Jul 4, 2026 |
| v15.24.0 | May 27, 2026 |
| v15.23.0 | Apr 28, 2026 |
| v15.22.0 | Apr 15, 2026 |
| v15.21.0 | Mar 29, 2026 |
| v15.20.0 | Mar 25, 2026 |
| v15.19.0 | Mar 22, 2026 |
| v15.18.0 | Mar 20, 2026 |
| v15.17.0 | Mar 17, 2026 |
| v15.16.0 | Mar 15, 2026 |
| v15.15.0 | Mar 11, 2026 |
| v14.0.0 | Mar 9, 2026 |
| v13.0.0 | Mar 8, 2026 |
| v12.0.0 | Mar 6, 2026 |
| v11.0.0 | Mar 6, 2026 |
| v10.0.0 | Mar 4, 2026 |
| v9.0.0 | Mar 2, 2026 |
| v8.0.0 | Feb 28, 2026 |
| v7.0.0 | Feb 28, 2026 |
| v6.0.0 | Feb 26, 2026 |
Source: npm registry data for @waysidemapping/pinhead, refreshed weekly.
Frequently Asked Questions
What is Pinhead made for?
Can I use Pinhead icons without attribution?
How do I style Pinhead icons on a map?
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?
crosswalk-markings-lines-paired or boat-on-trailer, so similar map features stay distinct. Search with one key word and scan the results.