Add icons to this collection by clicking the heart icon.
Musical Notes icon - also known as interface, song, quaver, musical notes, music player, enable sound, and miscellaneous. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-197.471c-55.228 0-100-44.771-100-100 0-55.228 44.772-100 100-100s100 44.772 100 100V0Z"
transform="translate(404.5 404.97)"
fill="#8eafe2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v98.342h-100v-140.47c39.138 0 74.57 16.15 100 42.128"
transform="translate(504.5 306.628)"
fill="#6a96d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-197c-55.229 0-100-44.771-100-100v-197c-55.702 0-100.768-45.543-99.99-101.424.749-53.86 44.706-97.817 98.566-98.566C-242.543-497.768-197-452.702-197-397v197H0c55.228 0 100 44.771 100 100S55.228 0 0 0"
transform="translate(404.5 504.5)"
fill="#a3defe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.925-13.157-23.402-29.387-23.402-16.231 0-29.388 10.477-29.388 23.402s13.157 23.403 29.388 23.403C-13.157 23.403 0 12.925 0 0"
transform="translate(255.743 396.231)"
fill="#e8899e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.925 13.157-23.402 29.388-23.402 16.23 0 29.387 10.477 29.387 23.402S45.618 23.403 29.388 23.403C13.157 23.403 0 12.925 0 0"
transform="translate(356.257 396.231)"
fill="#e8899e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 14.643-10.608 16.019-23.694 16.019-13.085 0-23.693-1.376-23.693-16.019 0-14.643 10.608-26.513 23.693-26.513C-10.608-26.513 0-14.643 0 0"
transform="translate(329.694 414.212)"
fill="#272c33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12"
transform="translate(231.268 436.171)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 14.643-10.608 16.019-23.693 16.019-13.086 0-23.694-1.376-23.694-16.019 0-14.643 10.608-26.513 23.694-26.513C-10.608-26.513 0-14.643 0 0Z"
transform="translate(329.693 414.213)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12"
transform="translate(380.732 436.171)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.635.802c-51.42 0-93.769 38.813-99.365 88.74v-185.74c-55.702 0-100.768-45.543-99.99-101.424.749-53.86 44.706-97.816 98.566-98.565C-45.543-296.965 0-251.9 0-196.198Z"
transform="translate(207.5 303.697)"
fill="#7acefa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.835-47.414 49.023-83.576 98.658-83.576 55.228 0 100 44.772 100 100v297.471"
transform="translate(305.842 91.076)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-95.003c-50.623 0-92.461-37.616-99.086-86.423"
transform="translate(404.5 302.503)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a100.949 100.949 0 0 1-.854-13.125v-197c-55.702 0-100.767-45.543-99.99-101.424.75-53.86 44.706-97.817 98.566-98.566 55.881-.778 101.424 44.287 101.424 99.99v197h197c55.229 0 100 44.771 100 100v0c0 55.228-44.771 100-100 100h-197c-40.745 0-75.799-24.369-91.382-59.327"
transform="translate(108.354 417.625)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category