How many map location icons are there?

37 unique icons, each in 6 styles, for 222 definitions in the map-location entry point.

Are the Map Location icons free to use?

Yes. @rchernando/solar-icons is published on npm under an open licence and the map-location set is included in the package.

Can I import only one map location icon?

Yes — import the single export you need from "@rchernando/solar-icons/map-location". Anything you do not import is tree-shaken away.

Map Location Icons for Angular

Name: Solar Icons for Angular
Author: rchernando

37 icons · 6 styles each · @rchernando/solar-icons/map-location

There are 37 Map Location icons in the Solar Icons library — 3.0% of the 1,246 icons in the library, which makes it the 9th largest of the 37 categories. Every glyph is drawn on a 24x24 grid and exported in 6 style variants, so the set accounts for roughly 222 icon definitions on its own.

These are icons for maps, pins, routes and geolocation. You will normally place them in address pickers, delivery tracking, store locators and trip summaries, and they are the first set logistics, travel and local-commerce products tends to pull in. Icons such as Branching Paths Down, Branching Paths Up, Compass and Compass Big cover the obvious cases; further in you will find Branching Paths Down, Globus, Map Arrow Square and Map Point Remove, which handle the states people forget to design for.

Style variants in the Map Location set

Each of the 37 icons ships as 6 separate exports: Bold, Bold Duotone, Linear, Outline, Broken and Line Duotone. Linear is the safe default for map location in a dense layout; Bold reads better at small sizes and on coloured surfaces; the duotone pair adds a second opacity layer when you want depth without introducing another colour token.

bold

bold-duotone

linear

outline

broken

line-duotone

Installing the Map Location icons

Import from the "@rchernando/solar-icons/map-location" entry point rather than the package root — that is what keeps the other 36 categories out of your bundle. Register the icons you need with provideSolarIcons, either once in the application config or inside the providers array of the route that uses them, and render <solar-icon> with the icon name. The SVG is inlined, so there is no runtime fetch and no flash of missing icon.

bash

npm i @rchernando/solar-icons

typescript

import { BranchingPathsDownBold, BranchingPathsUpBold, CompassBold } from '@rchernando/solar-icons/map-location';

html

<solar-icon name="branching-paths-down" iconStyle="bold" size="24px" />
<solar-icon name="branching-paths-up" iconStyle="bold" size="24px" />
<solar-icon name="compass" iconStyle="bold" size="24px" />

Map Location icons FAQ

How many map location icons are there?: 37 unique icons, each in 6 styles, for 222 definitions in the map-location entry point.
Are the Map Location icons free to use?: Yes. @rchernando/solar-icons is published on npm under an open licence and the map-location set is included in the package.
Can I import only one map location icon?: Yes — import the single export you need from "@rchernando/solar-icons/map-location". Anything you do not import is tree-shaken away.

Other icon categories

Sets that are commonly used next to Map Location: Medicine (32), Message Conversation (48), List (28) and Like (17).

37 categories, 1,246 icons. Search the whole library or read the usage patterns.

Map Location Icons for Angular

All 37 Map Location icons

Style variants in the Map Location set

Installing the Map Location icons

Map Location icons FAQ

Other icon categories