Add icons to this collection by clicking the heart icon.
Music icon - also known as smartphone, entertainment, music, song, mobile, musical note, mobile application, music and multimedia, and music app. Created in a clean outline 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 64 64"
>
<g>
<rect width="34" height="62" x="15" y="1" fill="#dbe6fd" rx="4" />
<rect width="26" height="24" x="17" y="16" fill="#bbcff2" rx="2" />
<path
fill="#bbcff2"
d="M48 60H38a20 20 0 0 1-20-20V2a3.974 3.974 0 0 1 .108-.892A4 4 0 0 0 15 5v54a4 4 0 0 0 4 4h26a4 4 0 0 0 3.892-3.108A3.974 3.974 0 0 1 48 60z"
/>
<path
fill="#8e969b"
d="M39.764 5H24.236a2 2 0 0 1-1.789-1.106L21 1h22l-1.447 2.894A2 2 0 0 1 39.764 5z"
/>
<path fill="#98deea" d="M30 46v4l4-2z" />
<rect width="26" height="24" x="19" y="14" fill="#98deea" rx="2" />
<path
fill="#82d0d8"
d="M43 35a21 21 0 0 1-21-21h-1a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2v-1z"
/>
<path
fill="#778084"
d="M25.447 3.894 24 1h-3l1.447 2.894A2 2 0 0 0 24.236 5h3a2 2 0 0 1-1.789-1.106z"
/>
<path fill="#fff" d="M40 3.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1z" />
<circle cx="27" cy="32" r="2" fill="#f8c460" />
<circle cx="37" cy="30" r="2" fill="#f8c460" />
<path
d="M45 0H19a5.006 5.006 0 0 0-5 5v54a5.006 5.006 0 0 0 5 5h26a5.006 5.006 0 0 0 5-5V5a5.006 5.006 0 0 0-5-5zm-3.618 2-.724 1.447a1 1 0 0 1-.894.553H24.236a1 1 0 0 1-.894-.553L22.618 2zM48 59a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1.382l1.171 2.342A2.983 2.983 0 0 0 24.236 6h15.528a2.983 2.983 0 0 0 2.683-1.658L43.618 2H45a3 3 0 0 1 3 3z"
/>
<path
d="M33 58h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM37 27a3 3 0 1 0 3 3V18a1 1 0 0 0-1.2-.98l-10 2a1 1 0 0 0-.8.98v9.184A2.966 2.966 0 0 0 27 29a3 3 0 1 0 3 3v-7.18l8-1.6v3.964A2.966 2.966 0 0 0 37 27zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm-10 2a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm3-10.22v-1.96l8-1.6v1.96zM45 41H24a1 1 0 0 0-2 0h-3a1 1 0 0 0 0 2h3a1 1 0 0 0 2 0h21a1 1 0 0 0 0-2zM34.447 47.105l-4-2A1 1 0 0 0 29 46v4a1 1 0 0 0 1.447.9l4-2a1 1 0 0 0 0-1.79zM31 48.382v-.764l.764.382zM39.707 47.293l-1-1a1 1 0 0 0-1.414 1.414l.293.293-.293.293a1 1 0 1 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414z"
/>
<path
d="M41.707 46.293a1 1 0 0 0-1.414 1.414l.293.293-.293.293a1 1 0 1 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414zM26.707 46.293a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 0 1.414l1 1a1 1 0 0 0 1.414-1.414L26.414 48l.293-.293a1 1 0 0 0 0-1.414z"
/>
<path
d="m23.414 48 .293-.293a1 1 0 0 0-1.414-1.414l-1 1a1 1 0 0 0 0 1.414l1 1a1 1 0 0 0 1.414-1.414zM43 13h-4a1 1 0 0 0 0 2h4a1 1 0 0 1 1 1v20a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1h14a1 1 0 0 0 0-2H21a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3z"
/>
</g>
</svg>
More icons in the same style and category