Add icons to this collection by clicking the heart icon.
Romantic Music icon - also known as interface, music, song, hearts, quaver, romantic, romantic music, musical note, valentines day, music and multimedia, love and romance, and ballad. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="640"
height="640"
viewBox="-8 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#12c2e9" />
<stop offset=".5" stop-color="#c471ed" />
<stop offset="1" stop-color="#f64f59" />
</linearGradient>
<linearGradient
id="b"
x1="216"
x2="216"
y1="534.392"
y2="-72.568"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="392"
x2="392"
y1="536.928"
y2="-73.096"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="432"
x2="432"
y1="537.192"
y2="-72.824"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="64"
x2="64"
y1="534.776"
y2="-75.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="192"
x2="192"
y1="535.608"
y2="-74.408"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="400"
x2="400"
y1="536.288"
y2="-72.736"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="56"
x2="56"
y1="534.176"
y2="-74.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="312"
x2="312"
y1="536.32"
y2="-72.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M320 288V144c0-2.297-.984-4.48-2.703-6a8.092 8.092 0 0 0-6.29-1.938l-128 16c-.405.09-.8.215-1.183.38a8.273 8.273 0 0 0-1.25.39c-.5.266-.972.586-1.406.953a7.929 7.929 0 0 0-.969.8 7.998 7.998 0 0 0-1.031 1.536c-.211.293-.402.606-.566.926A7.838 7.838 0 0 0 176 160v112.207A39.604 39.604 0 0 0 152 264c-22.09 0-40 17.91-40 40s17.91 40 40 40 40-17.91 40-40v-88.938l112-14v55.145A39.604 39.604 0 0 0 280 248c-22.09 0-40 17.91-40 40s17.91 40 40 40 40-17.91 40-40zm-168 40c-13.254 0-24-10.746-24-24s10.746-24 24-24 24 10.746 24 24-10.746 24-24 24zm40-129.063v-31.875l112-14v31.875zM256 288c0-13.254 10.746-24 24-24s24 10.746 24 24-10.746 24-24 24-24-10.746-24-24zm0 0"
/>
<path
fill="url(#c)"
d="M408 192h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16zm0 0"
/>
<path fill="url(#d)" d="M440 328a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm0 0" />
<path
fill="url(#e)"
d="M80 376h-8v-8a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16zm0 0"
/>
<path fill="url(#f)" d="M200 24a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm0 0" />
<path
fill="url(#g)"
d="M428 0a35.646 35.646 0 0 0-28 13.695A35.646 35.646 0 0 0 372 0c-20.094.246-36.195 16.707-36 36.8 0 19.81 43.848 75.2 64 75.2s64-55.39 64-75.2C464.195 16.708 448.094.247 428 0zm-27.96 96C389.265 95.2 352 49.297 352 36.8c0-11.046 8.953-20 20-20s20 8.954 20 20v2.59a8 8 0 0 0 16 0V36.8c0-11.046 8.953-20 20-20s20 8.954 20 20c0 12.497-37.266 58.4-47.96 59.2zm0 0"
/>
<path
fill="url(#h)"
d="M112 136a31.997 31.997 0 0 0-20.695-29.914A32.005 32.005 0 0 0 56 114.856a32.005 32.005 0 0 0-35.305-8.77A31.997 31.997 0 0 0 0 136c0 17.375 37.777 64 56 64s56-46.625 56-64zm-96 0c0-8.836 7.164-16 16-16s16 7.164 16 16v2.16a8 8 0 0 0 16 0V136c0-8.836 7.164-16 16-16s16 7.164 16 16c-.176 10.031-30.938 46.824-39.871 48-9.191-1.176-39.953-37.969-40.129-48zm0 0"
/>
<path
fill="url(#i)"
d="M336 376a29.7 29.7 0 0 0-24 15.2 29.7 29.7 0 0 0-24-15.2c-19.2 0-32 24.078-32 40 0 17.375 37.777 64 56 64s56-46.625 56-64c0-15.922-12.8-40-32-40zm-23.871 88c-9.191-1.184-39.953-37.977-40.129-48 0-9.91 8.273-24 16-24s16 14.09 16 24v2.16a8 8 0 0 0 16 0V416c0-9.91 8.273-24 16-24s16 14.09 16 24c-.176 10.031-30.938 46.824-39.871 48zm0 0"
/>
</svg>
More icons in the same style and category