Maps icon

Map Pin icon

A free, open source map pin icon on a 24×24 grid with a 1.5px stroke. Download it as SVG or use it from the Iconoir packages for React, Vue, Flutter and CSS.

Regular

Use the map pin icon in your project

React

npm i iconoir-react

import { MapPin } from 'iconoir-react';

<MapPin />

Also in React Native: import { MapPin } from 'iconoir-react-native'.

Vue

npm i @iconoir/vue

<script setup>
  import { MapPin } from '@iconoir/vue';
</script>

<template>
  <MapPin />
</template>

CSS

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />

<i class="iconoir-map-pin"></i>

Flutter

flutter pub add iconoir_flutter

import 'package:iconoir_flutter/iconoir_flutter.dart';

const MapPin()

Tags

Related icons