1. Icon Monks
  2. Interface icons
  3. Heart Push Pin

Heart Push Pin icon

A free heart push pin icon from the Interface set, useful for heart, pin, pinned. It comes in six weights and is free for personal and commercial use under the MIT license.

Heart Push Pin icon, thin weight
Thin
SVG
Heart Push Pin icon, light weight
Light
SVG
Heart Push Pin icon, regular weight
Regular
SVG
Heart Push Pin icon, bold weight
Bold
SVG
Heart Push Pin icon, fill weight
Fill
SVG
Heart Push Pin icon, duotone weight
Duotone
SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the heart push pin icon in your code

React

import { HeartPushPin } from '@icon-monks/react';

<HeartPushPin size={24} />

Vue

<script setup>
import { HeartPushPin } from '@icon-monks/vue';
</script>

<HeartPushPin :size="24" />

Web component

<icon-monks name="heart-push-pin" size="24"></icon-monks>

Icon font

<i class="im im-heart-push-pin"></i>

Flutter

Icon(IconMonks.heartPushPin)

SwiftUI

Image(iconMonks: .heartPushPin)

Compose

Icon(IconMonks.Regular.HeartPushPin, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

Related interface icons

See all 488 interface icons