Rainbow color animated heart
by nerdy - uploaded on April 26, 2026, 12:32 pm
Simple heart (by mozilla) with black border, changed to a relative path and animated for a beating effect, changing colors using all 7 colors of the rainbow (indigo and violet separately rather than a generic purple): #ff0000 #ff7518 #ffff00 #009900 #0073cf #330099 #ee82ee This has two animations within the same path and the heart scales from its center and doesn't have a viewBox, making it easier to add to other SVGs.
Original SVG heart shape is public domain because it's too simple for copyright https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/path#attributes
Log into OpenClipart
- Tags
- remix+355535 heart animation colorful rainbow roygbiv 7+colors color+change beating example source+mozilla beating+heart animated+heart nested border outlined outline relative+path source+external change colors indigo violet red+orange+yellow+green+blue+indigo+violet <3 ❤️ cute multicolored multicolor rainbow+colors rainbow+colored <animate> centered transform-origin
- Filesize
- 1 k
- Safe for Work?
- Yes
This clipart is a remix from:
Beating heart SVG animation border
by @nerdy