Heart SVG Vector Icon
Download Free Heart vector icon. Available in SVG, PNG, or CSS format. Ideal for corporate websites, fintech interfaces, SaaS dashboards, general web projects, hackathon projects, hobby apps, modal dialogs, navigation menus, popup menus, and more. Use Edit Vector to rotate, change colors, size, outline, or background.
Duotone
Icon
Interface
Multicolor
Outlined
Similar from pack Interface Duotone Icons 2
Loading pack icons...
Related Vectors
Loading related vectors...
Frequently Asked Questions
Click "Download" to get the SVG file. For PNG, use the dropdown arrow next to download and pick 256px, 512px, or 1024px. There's also a "Copy" button for grabbing SVG or CSS code directly. For other icons from "Interface Duotone Icons 2", check the pack page.
Common uses include corporate websites, fintech interfaces, SaaS dashboards, general web projects, hackathon projects, hobby apps, modal dialogs, navigation menus, popup menus. It's an SVG, so it stays sharp at any size.
The Heart icon from Interface Duotone Icons 2 has a CC0 license, which generally covers commercial projects. Double-check the licensing page if you're unsure.
Click the dropdown next to "Copy" and grab the CSS option. That gives you a class with the icon as a data URI. Add it to your stylesheet, then use
<span class="icon--interface-duotone-icons-2-Heart"></span> wherever you need it. Single-color icons inherit your CSS color. Multicolor ones keep their original palette.Depends on how CC0 applies to your use. Some icons require attribution, others don't. Check the licensing page for details.
Yes. The CC0 license allows modifications. Click "Edit Vector" to open the browser editor where you can change colors, resize, or rotate. You can also download the SVG and edit it in Figma, Illustrator, or any vector tool.