Heart icon
The Heart icon is available in 42 variants across 28 open-source icon packs, in outline and filled styles. Every variant is free to use in personal and commercial work. Download it as an SVG, copy it straight into React as JSX, or edit the size, stroke width and colour before you copy it.
- Variants
- 42
- Outline
- 27
- Filled
- 15
- Packs
- 28
- Licence
- Free, open source
Akar Icons · outline
Every heart icon variant
Packs: Akar Icons, Ant Icons, Basil, Bootstrap, Circum Icons, Css Gg, Eva Icons, Feather, Flowbite Icons, Font Awesome, Framework 7, Heroicons, Iconamoon, Iconir, Iconsvg, Kidogo, Line Awesome, Lineicons, Lucide Icons, Ming Cute, Phosphor, Pixel Art Icons, Remix Icons, Simple Line Icons, Solar, T Design, Tabler, Teenyicon
How do I use the heart icon?
Pick the variant that matches your design, set the size, stroke and colour above, then copy it in the format you need. Copy SVG gives you markup you can paste straight into HTML. Copy React returns a typed component that forwards props, so you can restyle it with Tailwind or CSS. Copy data URI is for CSS backgrounds. Every heart icon here is open source and free in commercial work.
Available in Akar Icons, Ant Icons, Basil, Bootstrap, Circum Icons, Css Gg, Eva Icons, Feather and 20 more.