1. Icon Monks
  2. Symbols icons
  3. Hearts Slash

Hearts Slash icon

A free hearts slash icon from the Symbols set, useful for hearts, off, disabled, hidden. It comes in six weights and is free for personal and commercial use under the MIT license.

Hearts Slash icon, thin weight
Thin
SVG
Hearts Slash icon, light weight
Light
SVG
Hearts Slash icon, regular weight
Regular
SVG
Hearts Slash icon, bold weight
Bold
SVG
Hearts Slash icon, fill weight
Fill
SVG
Hearts Slash icon, duotone weight
Duotone
SVG

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

Use the hearts slash icon in your code

React

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

<HeartsSlash size={24} />

Vue

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

<HeartsSlash :size="24" />

Web component

<icon-monks name="hearts-slash" size="24"></icon-monks>

Icon font

<i class="im im-hearts-slash"></i>

Flutter

Icon(IconMonks.heartsSlash)

SwiftUI

Image(iconMonks: .heartsSlash)

Compose

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

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

Tags

Related symbols icons

See all 110 symbols icons