Heart Arrow Rounded icon

material-symbolsfill

The Heart Arrow Rounded icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for heart, arrow, rounded.

Tags: heart, arrow, rounded

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M12 7.625q-.2 0-.4-.088t-.35-.287q-.75-1-1.7-1.625T7.5 5q-1.425 0-2.463.988T4 8.474q0 .75.288 1.525t1.024 1.763t2 2.25T10.526 17L12 18.3l1.525-1.325q1.2-1.05 2.613-2.375t2.387-2.6h-1.2q-.425 0-.712-.288T16.325 11t.288-.712t.712-.288H21q.425 0 .713.288T22 11v3.675q0 .425-.288.7T21 15.65t-.712-.288T20 14.65v-1.275q-1.025 1.3-2.475 2.65t-2.675 2.45l-1.525 1.35q-.275.25-.625.375t-.7.125t-.7-.125t-.625-.4l-1.85-1.65q-1.8-1.625-3.088-2.9t-2.125-2.4t-1.225-2.175T2 8.475q0-2.35 1.575-3.912T7.5 3q1.3 0 2.475.55T12 5.1q.85-1 2.025-1.55T16.5 3q.925 0 1.8.288t1.6.862q.8.625 1.375 1.463t.575 1.862q0 .35-.262.588t-.613.237q-.425 0-.737-.275t-.438-.7q-.375-1.275-1.412-1.8T16.5 5q-1.2 0-2.1.625T12.75 7.25q-.15.2-.35.288t-.4.087"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Arrow And Edge Rounded Arrow Back 2 Outline Rounded Arrow Back 2 Rounded Arrow Back Ios New Rounded Arrow Back Ios Rounded Arrow Back Rounded Arrow Circle Down Outline Rounded Arrow Circle Down Rounded Arrow Circle Left Outline Rounded Arrow Circle Left Rounded Arrow Circle Right Outline Rounded Arrow Circle Right Rounded