heart-arrow · Bootstrap Icons
Free SVG heart-arrow icon from Bootstrap Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- heart
- arrow
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(1.5) translate(0 0)"><path d="M6.707 9h4.364c-.536 1.573 2.028 3.806 4.929-.5-2.9-4.306-5.465-2.073-4.929-.5H6.707L4.854 6.146a.5.5 0 1 0-.708.708L5.293 8h-.586L2.854 6.146a.5.5 0 1 0-.708.708L3.293 8h-.586L.854 6.146a.5.5 0 1 0-.708.708L1.793 8.5.146 10.146a.5.5 0 0 0 .708.708L2.707 9h.586l-1.147 1.146a.5.5 0 0 0 .708.708L4.707 9h.586l-1.147 1.146a.5.5 0 0 0 .708.708z"/></g></svg>
// Run: npx sant-icons get bootstrap-heart-arrow --format react
export function BootstrapHeartArrow(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(1.5) translate(0 0)"><path d="M6.707 9h4.364c-.536 1.573 2.028 3.806 4.929-.5-2.9-4.306-5.465-2.073-4.929-.5H6.707L4.854 6.146a.5.5 0 1 0-.708.708L5.293 8h-.586L2.854 6.146a.5.5 0 1 0-.708.708L3.293 8h-.586L.854 6.146a.5.5 0 1 0-.708.708L1.793 8.5.146 10.146a.5.5 0 0 0 .708.708L2.707 9h.586l-1.147 1.146a.5.5 0 0 0 .708.708L4.707 9h.586l-1.147 1.146a.5.5 0 0 0 .708.708z"/></g></svg>
);
}npx sant-icons get bootstrap-heart-arrow
Properties
- Name
- heart-arrow
- Library
- Bootstrap Icons
- Style
- stroke
- License
- MIT
- Version
- 1.13.2
- Identifier
- bootstrap-heart-arrow
Related from Bootstrap Icons
The heart-arrow icon ships with Bootstrap Icons, an open-source icon set licensed under MIT. Search for it as "bootstrap icons heart-arrow", "heart-arrow svg", or any of its tagged terms (heart, arrow). 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 bootstrap-heart-arrow directly into your project. No browser context-switch.