Heart2 icon

Heart2 icon in outline, twotone, bold and bulk. Free in all four styles, for reactions, ratings, favourites, awards, stickers. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconHeart2 } from "@devigner-ui/icons";

<IconHeart2 className="size-6" />

Vue

<script setup>
import { IconHeart2 } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconHeart2 class="size-6" />
</template>

Svelte

<script>
  import { IconHeart2 } from "@devigner-ui/icons-svelte";
</script>

<IconHeart2 class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.29 20.81c-.34.12-.9.12-1.24 0-2.9-.99-9.38-5.12-9.38-12.12A5.57 5.57 0 0 1 8.23 3.1c1.82 0 3.43.88 4.44 2.24a5.5 5.5 0 0 1 4.44-2.24c3.07 0 5.56 2.5 5.56 5.59 0 7-6.48 11.13-9.38 12.12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>

Category

Reactions, Badges & Emojis

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

reactions, ratings, favourites, awards, stickers

Also called

heart2, path, curved, smooth, arc, curve, closed

More Reactions, Badges & Emojis icons

• Confounded Circle
• Confounded Square
• Crown
• Crown2
• Crown3
• Crown Line
• Crown Minimalistic
• Crown Star
• Dislike
• Dislike Alt
• Emoji Funny Circle
• Emoji Funny Square
• Emoji Happy
• Emoji Normal
• Emoji Sad
• Expressionless Circle
• Expressionless Square
• Facemask Circle
• Facemask Square
• Hand Heart
• Hand Money
• Hand Shake
• Hand Stars
• Happyemoji

All Reactions, Badges & Emojis icons

Browse all 8,584 icons