Add icons to this collection by clicking the heart icon.
Musical Note icon - also known as music, song, quaver, musical note, and music and multimedia. Created in a clean color 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="78.811"
x2="234.811"
y1="112.84"
y2="234.84"
>
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#7bacdf" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="217.131"
x2="201.465"
y1="64.815"
y2="114.148"
>
<stop offset="0" stop-color="#7bacdf" stop-opacity="0" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
x1="86.961"
x2="86.961"
y1="243.206"
y2="323.251"
href="#linear-gradient-2"
/>
<linearGradient
id="linear-gradient-4"
x1="134.283"
x2="134.283"
y1="307.709"
y2="274.197"
href="#linear-gradient-2"
/>
<linearGradient
id="linear-gradient-5"
x1="141.194"
x2="141.194"
y1="256.376"
y2="217.99"
href="#linear-gradient-2"
/>
<linearGradient
id="linear-gradient-6"
gradientUnits="userSpaceOnUse"
x1="294.286"
x2="370.286"
y1="188.321"
y2="337.321"
>
<stop offset="0" stop-color="#fef0ae" />
<stop offset="1" stop-color="#fed402" />
</linearGradient>
<linearGradient
id="linear-gradient-7"
gradientUnits="userSpaceOnUse"
x1="396"
x2="368"
y1="223.757"
y2="223.757"
>
<stop offset="0" stop-color="#fef0ae" stop-opacity="0" />
<stop offset="1" stop-color="#fe9738" />
</linearGradient>
<linearGradient
id="linear-gradient-8"
x1="272.461"
x2="348.461"
y1="204.457"
y2="353.457"
href="#linear-gradient-6"
/>
<linearGradient
id="linear-gradient-9"
x1="250.635"
x2="326.635"
y1="220.592"
y2="369.592"
href="#linear-gradient-6"
/>
<linearGradient
id="linear-gradient-10"
x1="330"
x2="273.564"
y1="282.872"
y2="282.872"
href="#linear-gradient-7"
/>
<linearGradient
id="linear-gradient-11"
x1="330"
x2="273.564"
y1="341.793"
y2="341.793"
href="#linear-gradient-7"
/>
<linearGradient
id="linear-gradient-12"
gradientUnits="userSpaceOnUse"
x1="172.028"
x2="328.028"
y1="255.382"
y2="377.382"
>
<stop offset="0" stop-color="#e5caf3" />
<stop offset="1" stop-color="#bd80e1" />
</linearGradient>
<linearGradient
id="linear-gradient-13"
gradientUnits="userSpaceOnUse"
x1="310.348"
x2="294.682"
y1="207.357"
y2="256.69"
>
<stop offset="0" stop-color="#5b3374" stop-opacity="0" />
<stop offset=".173" stop-color="#5b3374" stop-opacity=".039" />
<stop offset=".363" stop-color="#5b3374" stop-opacity=".152" />
<stop offset=".56" stop-color="#5b3374" stop-opacity=".341" />
<stop offset=".763" stop-color="#5b3374" stop-opacity=".605" />
<stop offset=".968" stop-color="#5b3374" stop-opacity=".942" />
<stop offset="1" stop-color="#5b3374" />
</linearGradient>
<linearGradient
id="linear-gradient-14"
x1="180.178"
x2="180.178"
y1="385.748"
y2="465.792"
href="#linear-gradient-13"
/>
<linearGradient
id="linear-gradient-15"
gradientUnits="userSpaceOnUse"
x1="404.922"
x2="404.922"
y1="79.2"
y2="184.809"
>
<stop offset="0" stop-color="#feaee1" />
<stop offset="1" stop-color="#fe5694" />
</linearGradient>
<linearGradient
id="linear-gradient-16"
gradientUnits="userSpaceOnUse"
x1="316.153"
x2="316.153"
y1="409.879"
y2="515.488"
>
<stop offset="0" stop-color="#aeffd1" />
<stop offset="1" stop-color="#22b27f" />
</linearGradient>
<g id="_17_Music">
<path
d="m250.332 29.684-.189.188-12.55 12.551a30.619 30.619 0 0 1 -43.3 0l-12.552-12.551a30.512 30.512 0 0 0 -20.618-8.951 22.088 22.088 0 0 0 -22.683 22.156v136.6c-21.547-10.158-50.288-10.733-77.835.647-45.175 18.661-70 62.353-55.441 97.59s62.977 48.674 108.152 30.013c37.092-15.322 60.455-47.519 59.574-78.055h.031v-148.166a30.569 30.569 0 0 1 8.82 6.158l12.551 12.551a30.619 30.619 0 0 0 43.3 0l12.55-12.551a30.342 30.342 0 0 1 13.3-7.792 13.26 13.26 0 0 0 9.507-12.837v-27.822c.003-11.765-14.227-17.976-22.617-9.729z"
fill="url(#linear-gradient)"
/>
<path
d="m194.292 100.415a30.619 30.619 0 0 0 43.3 0l12.55-12.551a30.342 30.342 0 0 1 13.3-7.792 13.26 13.26 0 0 0 9.507-12.837v-27.822c0-11.765-14.23-17.976-22.62-9.729l-.189.188-12.55 12.551a30.619 30.619 0 0 1 -43.3 0l-12.549-12.551a30.544 30.544 0 0 0 -8.82-6.151v57.985a30.569 30.569 0 0 1 8.82 6.158z"
fill="url(#linear-gradient-2)"
/>
<path
d="m172.921 215.873h-157.963c-13.628 19.327-18.058 42.044-9.794 62.042 14.556 35.237 62.977 48.674 108.152 30.013 37.092-15.322 60.455-47.519 59.574-78.055h.031z"
fill="url(#linear-gradient-3)"
/>
<path
d="m128.236 300.429a100.782 100.782 0 0 0 30.785-28.14l-.213-.213a28 28 0 0 0 -39.6 0l-9.663 9.662z"
fill="url(#linear-gradient-4)"
/>
<path
d="m172.843 234.052-18.472-18.472a26.581 26.581 0 0 0 -37.592 0l-7.234 7.233 49.476 49.476c8.394-11.935 13.266-25.159 13.822-38.237z"
fill="url(#linear-gradient-5)"
/>
<path
d="m423.9 247.111a38.692 38.692 0 0 1 -27.539-11.411l-12.89-12.89a23.975 23.975 0 0 0 -33.867 0l-12.89 12.89a38.99 38.99 0 0 1 -55.079 0l-12.89-12.89a23.975 23.975 0 0 0 -33.867 0l-12.89 12.89a38.945 38.945 0 0 1 -55.079 0l-12.891-12.89a23.974 23.974 0 0 0 -33.866 0 7.5 7.5 0 0 1 -10.607-10.606 38.99 38.99 0 0 1 55.079 0l12.891 12.89a23.947 23.947 0 0 0 33.866 0l12.891-12.89a38.947 38.947 0 0 1 55.079 0l12.89 12.89a23.974 23.974 0 0 0 33.866 0l12.893-12.887a38.947 38.947 0 0 1 55.079 0l12.89 12.89a23.947 23.947 0 0 0 33.866 0l12.891-12.89a38.99 38.99 0 0 1 55.079 0 7.5 7.5 0 0 1 -10.605 10.606 23.975 23.975 0 0 0 -33.867 0l-12.893 12.887a38.692 38.692 0 0 1 -27.54 11.411z"
fill="url(#linear-gradient-6)"
/>
<path
d="m418.333 231.459a23.792 23.792 0 0 1 -11.366-6.362l-12.89-12.89a38.947 38.947 0 0 0 -55.079 0l-12.891 12.893a23.785 23.785 0 0 1 -9.954 5.963v15.4a38.723 38.723 0 0 0 20.561-10.763l12.89-12.89a23.975 23.975 0 0 1 33.867 0l12.89 12.89a38.652 38.652 0 0 0 21.972 11.011z"
fill="url(#linear-gradient-7)"
/>
<path
d="m423.9 306.018a38.823 38.823 0 0 1 -27.539-11.389l-12.89-12.891a23.975 23.975 0 0 0 -33.867 0l-12.89 12.891a38.991 38.991 0 0 1 -55.079 0l-12.89-12.891a23.975 23.975 0 0 0 -33.867 0l-12.89 12.891a38.991 38.991 0 0 1 -55.079 0l-12.891-12.891a23.974 23.974 0 0 0 -33.866 0 7.5 7.5 0 0 1 -10.607-10.606 38.99 38.99 0 0 1 55.079 0l12.891 12.89a23.974 23.974 0 0 0 33.866 0l12.891-12.89a38.947 38.947 0 0 1 55.079 0l12.89 12.89a23.973 23.973 0 0 0 33.866 0l12.893-12.89a38.947 38.947 0 0 1 55.079 0l12.89 12.89a23.973 23.973 0 0 0 33.866 0l12.891-12.89a38.99 38.99 0 0 1 55.079 0 7.5 7.5 0 0 1 -10.605 10.606 23.975 23.975 0 0 0 -33.867 0l-12.89 12.891a38.825 38.825 0 0 1 -27.543 11.389z"
fill="url(#linear-gradient-8)"
/>
<path
d="m423.9 364.943a38.823 38.823 0 0 1 -27.539-11.389l-12.89-12.89a23.975 23.975 0 0 0 -33.867 0l-12.89 12.89a38.99 38.99 0 0 1 -55.079 0l-12.89-12.89a23.975 23.975 0 0 0 -33.867 0l-12.89 12.89a38.99 38.99 0 0 1 -55.079 0l-12.891-12.89a23.974 23.974 0 0 0 -33.866 0 7.5 7.5 0 0 1 -10.607-10.607 38.991 38.991 0 0 1 55.079 0l12.891 12.891a23.974 23.974 0 0 0 33.866 0l12.891-12.891a38.947 38.947 0 0 1 55.079 0l12.89 12.891a23.974 23.974 0 0 0 33.866 0l12.893-12.891a38.947 38.947 0 0 1 55.079 0l12.89 12.891a23.974 23.974 0 0 0 33.866 0l12.891-12.891a38.991 38.991 0 0 1 55.079 0 7.5 7.5 0 0 1 -10.605 10.607 23.975 23.975 0 0 0 -33.867 0l-12.89 12.89a38.825 38.825 0 0 1 -27.543 11.389z"
fill="url(#linear-gradient-9)"
/>
<path
d="m354.59 261.586v16.329a23.6 23.6 0 0 0 -4.99 3.82l-12.89 12.891a38.984 38.984 0 0 1 -55.08 0l-12.89-12.891a23.953 23.953 0 0 0 -23.24-6.149v-15.351a39 39 0 0 1 33.85 10.9l12.89 12.89a23.993 23.993 0 0 0 33.87 0l12.89-12.889a38.57 38.57 0 0 1 15.59-9.55z"
fill="url(#linear-gradient-10)"
/>
<path
d="m354.59 320.506v16.33a23.943 23.943 0 0 0 -4.99 3.829l-12.89 12.89a39 39 0 0 1 -55.08 0l-12.89-12.89a23.935 23.935 0 0 0 -23.24-6.159v-15.35a39 39 0 0 1 33.85 10.9l12.89 12.891a23.975 23.975 0 0 0 33.87 0l12.89-12.892a38.8 38.8 0 0 1 15.59-9.549z"
fill="url(#linear-gradient-11)"
/>
<path
d="m343.549 172.226c-.063.062-.126.124-.188.187l-12.551 12.551a30.619 30.619 0 0 1 -43.3 0l-12.551-12.551a30.511 30.511 0 0 0 -20.618-8.95 22.088 22.088 0 0 0 -22.683 22.155v136.6c-21.547-10.157-50.288-10.732-77.835.647-45.175 18.661-70 62.354-55.441 97.591s62.977 48.674 108.152 30.013c37.092-15.322 60.455-47.519 59.574-78.055h.031v-148.166a30.565 30.565 0 0 1 8.82 6.157l12.551 12.551a30.619 30.619 0 0 0 43.3 0l12.551-12.551a30.328 30.328 0 0 1 13.3-7.791 13.26 13.26 0 0 0 9.506-12.837v-27.822c.002-11.765-14.227-17.977-22.618-9.729z"
fill="url(#linear-gradient-12)"
/>
<path
d="m287.509 242.956a30.619 30.619 0 0 0 43.3 0l12.551-12.551a30.328 30.328 0 0 1 13.3-7.791 13.26 13.26 0 0 0 9.506-12.837v-27.822c0-11.765-14.229-17.977-22.62-9.729-.063.062-.126.124-.188.187l-12.548 12.551a30.619 30.619 0 0 1 -43.3 0l-12.551-12.551a30.54 30.54 0 0 0 -8.82-6.15v57.985a30.565 30.565 0 0 1 8.82 6.157z"
fill="url(#linear-gradient-13)"
/>
<path
d="m266.138 358.415h-157.962c-13.628 19.324-18.055 42.044-9.8 62.042 14.556 35.237 62.977 48.674 108.152 30.013 37.092-15.322 60.455-47.519 59.574-78.055h.031z"
fill="url(#linear-gradient-14)"
/>
<path
d="m402.4 158.859a96.3 96.3 0 0 0 -46.144-44.1 2.837 2.837 0 0 1 0-5.16 96.293 96.293 0 0 0 46.144-44.099 2.832 2.832 0 0 1 5.054 0 96.287 96.287 0 0 0 46.143 44.1 2.836 2.836 0 0 1 0 5.16 96.291 96.291 0 0 0 -46.143 44.1 2.832 2.832 0 0 1 -5.054-.001z"
fill="url(#linear-gradient-15)"
/>
<path
d="m313.626 489.538a96.287 96.287 0 0 0 -46.143-44.1 2.836 2.836 0 0 1 0-5.16 96.291 96.291 0 0 0 46.143-44.1 2.832 2.832 0 0 1 5.054 0 96.3 96.3 0 0 0 46.144 44.1 2.836 2.836 0 0 1 0 5.16 96.293 96.293 0 0 0 -46.144 44.1 2.832 2.832 0 0 1 -5.054 0z"
fill="url(#linear-gradient-16)"
/>
</g>
</svg>
More icons in the same style and category