Add icons to this collection by clicking the heart icon.
Lyrics icon - also known as interface, music note, music and multimedia, song lyrics, and lyrics. Created in a clean flat gradient style with a black finish, 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#c36435" />
<stop offset=".996" stop-color="#6b3017" />
</linearGradient>
<linearGradient
id="d"
x1="49.107"
x2="43.261"
y1="-429.524"
y2="-478.446"
gradientTransform="rotate(-54.12 504.639 -189.945)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="1016.208"
x2="1016.873"
y1="3551.453"
y2="3514.75"
gradientTransform="rotate(-180 515.666 1777.132)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="19.524"
x2="19.524"
y1="11.289"
y2="67.804"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#dae7ed" />
</linearGradient>
<linearGradient
id="g"
x1="-567.376"
x2="-566.898"
y1="295.583"
y2="292.231"
gradientTransform="translate(582.607 -250.511)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dae7ed" />
<stop offset="1" stop-color="#afd0db" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="h"
x1="38.944"
x2="43.686"
y1="1483.607"
y2="1488.349"
gradientTransform="rotate(76.7 954.045 750.716)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#82ea73" />
<stop offset=".832" stop-color="#2fa52f" />
</linearGradient>
<linearGradient
id="i"
x1="2486.68"
x2="2493.806"
y1="2487.745"
y2="2487.745"
gradientTransform="scale(1 -1) rotate(58.28 3528.905 -972.31)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="697.256"
x2="704.373"
y1="2477.756"
y2="2477.756"
gradientTransform="matrix(-.526 .851 -.851 -.526 2523.771 749.5)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="702.157"
x2="699.701"
y1="2480.82"
y2="2475.216"
gradientTransform="matrix(-.526 .851 -.851 -.526 2523.771 749.5)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="21.899"
x2="29.779"
y1="19.79"
y2="19.79"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="19.95"
x2="7.302"
y1="19.789"
y2="19.789"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M34.22 4.382 8.212 4.31a3.616 3.616 0 0 0-3.617 3.583l-.102 36.978-1.589 2.16.927.94c.647.9 2.593 1.942 3.778 1.947l27.332.07a3.583 3.583 0 0 0 3.602-3.58l.124-39.325a3.604 3.604 0 0 0-1.47-2.898L35.378 2.8z"
/>
<path
fill="url(#e)"
d="m5.79 48.524 27.327.079a3.608 3.608 0 0 0 3.608-3.588l.113-39.317a3.608 3.608 0 0 0-3.587-3.608L5.924 2.01a3.598 3.598 0 0 0-3.608 3.587l-.114 39.318a3.608 3.608 0 0 0 3.588 3.608z"
/>
<path
fill="url(#f)"
d="m34.89 7.9-.1 34.91a3.189 3.189 0 0 1-3.2 3.18l-6.883-.02S13.83 42.233 10.02 40.447c0 0-3.347.494-5.863-.232L4.25 7.81a3.196 3.196 0 0 1 3.2-3.18l24.26.07a3.196 3.196 0 0 1 3.18 3.198z"
/>
<path
fill="url(#g)"
d="M11.791 37.573c-.546-.445-1.372-.324-1.747.273-.783 1.248-2.488 2.908-5.89 2.37 2.24.87 14.664 4.904 20.553 5.752 0 0-6.948-3.524-12.916-8.395z"
/>
<path
fill="url(#h)"
d="M32.352 34.447c.893-1.361.642-3.146-.44-4.364-1.75-1.97-3.116.14-7.075-.797a.62.62 0 0 0-.713.86c.79 1.706 2.276 4.648 3.433 5.363a3.522 3.522 0 0 0 4.795-1.062z"
/>
<path
fill="url(#i)"
d="m49.324 40.577-15.579-9.623c-.78-.482-2.254.49-3.285 2.159-1.037 1.68-1.239 3.422-.46 3.903L45.58 46.64z"
/>
<path
fill="url(#j)"
d="M45.586 46.635c-.778-.48-.572-2.225.46-3.897s2.502-2.638 3.28-2.157c.778.48.572 2.225-.461 3.897-1.033 1.672-2.5 2.638-3.279 2.157z"
/>
<path
fill="url(#k)"
d="M49.256 40.694c.897.666.09 2.676-.538 3.693-.62 1.008-2.07 2.637-3.062 2.136-.926-.604-.198-2.725.39-3.784-1.032 1.672-1.238 3.416-.46 3.897.778.48 2.246-.486 3.279-2.158s1.24-3.417.461-3.897c-.778-.481-2.246.484-3.278 2.156.663-.97 2.249-2.604 3.208-2.043z"
/>
<path
fill="url(#l)"
d="M29.733 18.946a2.507 2.507 0 0 0-.697-1.224l-1.923-1.924c-.343-.377-.37-.68-.83-1.355a.398.398 0 0 0-.33-.17h-.002a.401.401 0 0 0-.4.4v7.77a3.239 3.239 0 0 0-1.312-.117c-1.292.134-2.34.905-2.34 1.723 0 .817 1.048 1.372 2.34 1.238 1.293-.134 2.34-.905 2.34-1.721v-6.849l1.729 1.731c.219.22.908.622.403.993a.535.535 0 0 0-.19.646h.003c.15.343.6.459.876.202.288-.258.47-.721.333-1.343z"
/>
<path
fill="url(#m)"
d="m17.223 14.29-6.347 1.165c-.52.095-.896.547-.896 1.075v5.335a1.792 1.792 0 1 0 1.093 1.65V16.53l6.347-1.164V20.5a1.792 1.792 0 1 0 1.093 1.65v-6.784c0-.682-.617-1.199-1.29-1.076z"
/>
<path
fill="#262626"
d="M7.49 17.422h24.522v.25H7.49zM7.49 19.54h24.522v.25H7.49z"
/>
</svg>
More icons in the same style and category