What is the pin icon used for?

It's primarily used to denote a specific location on a map or to signify a fixed point.

How do I use the pin icon in React?

Import it using: import { IconPin } from '@tabler/icons-react'. Then use it as a component: .

The Tabler icons, including the pin icon, are available under the MIT license.

Tabler · pin · MIT

The Tabler pin icon visually represents a map marker, commonly used in user interfaces to indicate a specific geographical point or location.

Install

npm i @tabler/icons-react

Import & render

import { IconPin } from '@tabler/icons-react';

<IconPin size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconPin size={24} stroke={2} />

filled

<IconPinFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Map
Keywords: thinglocalizationmapsclipplacelocationpinnavigationattachfixmapmap markerlocation markerpushpinmap point

What is the pin icon used for?: It's primarily used to denote a specific location on a map or to signify a fixed point.
How do I use the pin icon in React?: Import it using: import { IconPin } from '@tabler/icons-react'. Then use it as a component: <IconPin />.
What is the license for the Tabler pin icon?: The Tabler icons, including the pin icon, are available under the MIT license.

The same idea in other libraries, and near matches in Tabler.