icons/IconaMoon/heart-duotoneOpen in browser →

heart-duotone · IconaMoon

Free SVG heart-duotone icon from IconaMoon. Rendered at 24×24 in the duotone style and licensed under CC-BY-4.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for CC-BY-4.0 licensed icons.

heart-duotone icon — IconaMoonFree heart-duotone SVG icon from IconaMoon, duotone style, CC-BY-4.0 licensed.

Tags

  • heart
  • duotone

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none"><path fill="currentColor" d="M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07" opacity=".16"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657a5 5 0 0 1 7.07-7.071a5 5 0 0 1 7.072 7.071"/></g></svg>
React
// Run: npx sant-icons get iconamoon-heart-duotone --format react
export function IconamoonHeartDuotone(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none"><path fill="currentColor" d="M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07" opacity=".16"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657a5 5 0 0 1 7.07-7.071a5 5 0 0 1 7.072 7.071"/></g></svg>
  );
}
CLI
npx sant-icons get iconamoon-heart-duotone

Properties

Name
heart-duotone
Library
IconaMoon
Style
duotone
License
CC-BY-4.0
Version
1.2.2
Identifier
iconamoon-heart-duotone

heart-duotone in other libraries

Related from IconaMoon

The heart-duotone icon ships with IconaMoon, an open-source icon set licensed under CC-BY-4.0. Search for it as "iconamoon heart-duotone", "heart-duotone svg", or any of its tagged terms (heart, duotone). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch iconamoon-heart-duotone directly into your project. No browser context-switch.