Free Heart SVG Icons for Modern Web UIs
Finding consistent and legal heart icons for technical web products is now simple. We compiled over 100 premium, commercially-safe heart icons across Lucide, Heroicons, Tabler, Phosphor, and Radix. You can search, inspect their package size, and copy their code directly. Use our centralinteractive customizerto adjust strokes and colors dynamically before exporting.
HEART ICONS CATALOG (100)
FREQUENTLY ASKED QUESTIONS
Are these heart icons free to use commercially?
Yes, all icons cataloged under the heart collection page are certified open-source, utilizing highly permissive licenses such as MIT, ISC, or public domain dedications. This covers SaaS dashboards, landing pages, corporate applications, and print designs completely royalty-free.
How do I use these in Tailwind CSS or React?
Simply click on any icon above to open it directly in our editor workspace. From there, you can adjust the stroke weight or scale, and copy the ready-to-paste Tailwind code or clean inline SVG markup instantly without installing extra npm packages.