Add icons to this collection by clicking the heart icon.
Music icon - also known as music, happy, birthday, celebration, fun, dancing, celebrate, and sports and competition. Created in a clean flat style with a silver, teal, purple, orange, and pink 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 64 64"
>
<path
fill="#c80a50"
d="M12.383 25.596 6 24l6-6 1.596 6.383a1 1 0 0 1-1.213 1.213z"
/>
<path
fill="#fab400"
d="M18.383 19.596 12 18l6-6 1.596 6.383a1 1 0 0 1-1.213 1.213z"
/>
<path
fill="#c80a50"
d="M24.383 13.596 18 12l6-6 1.596 6.383a1 1 0 0 1-1.213 1.213z"
/>
<path
fill="#00a0c8"
d="M5 26a.999.999 0 0 1-.707-1.707l20-20a.999.999 0 1 1 1.414 1.414l-20 20A.997.997 0 0 1 5 26z"
/>
<path
fill="#fab400"
d="M51.617 25.596 58 24l-6-6-1.596 6.383a1 1 0 0 0 1.213 1.213z"
/>
<path
fill="#c80a50"
d="M45.617 19.596 52 18l-6-6-1.596 6.383a1 1 0 0 0 1.213 1.213z"
/>
<path
fill="#fab400"
d="M39.617 13.596 46 12l-6-6-1.596 6.383a1 1 0 0 0 1.213 1.213z"
/>
<path
fill="#00a0c8"
d="M59 26a.997.997 0 0 1-.707-.293l-20-20a.999.999 0 1 1 1.414-1.414l20 20A.999.999 0 0 1 59 26z"
/>
<path
fill="#c80a50"
d="M34.382 14c-.251 0-.499.058-.724.171l-4.764 2.382A1.617 1.617 0 0 0 28 18v4a2 2 0 1 0 2 2v-4l4-2v2a2 2 0 1 0 2 2v-6.382c0-.894-.724-1.618-1.618-1.618z"
/>
<path
fill="#00a0c8"
d="M56 7v3a2 2 0 0 0-2 2 2.002 2.002 0 0 0 2.336 1.973c.983-.16 1.664-1.083 1.664-2.08V8h1a1 1 0 0 0 0-2h-2a1 1 0 0 0-1 1z"
/>
<path
fill="#fab400"
d="M6 7v3a2 2 0 0 0-2 2 2.002 2.002 0 0 0 2.336 1.973C7.319 13.813 8 12.889 8 11.893V8h1a1 1 0 0 0 0-2H7a1 1 0 0 0-1 1z"
/>
<path
fill="#f0c8a0"
d="M29 38a3 3 0 0 0-3 3V28a2 2 0 1 0-4 0v-3a2 2 0 1 0-4 0v3a2 2 0 1 0-4 0v4a2 2 0 1 0-4 0v16c0 1.481.804 2.773 2 3.465V60h14v-8a4 4 0 0 0 4-4v-9a1 1 0 0 0-1-1z"
/>
<g fill="#d2aa82">
<path
d="M20 23a2 2 0 0 0-2 2v15h1V25c0-.931.639-1.706 1.5-1.929A1.966 1.966 0 0 0 20 23zM14 28v12h1V28c0-.931.639-1.706 1.5-1.929A1.966 1.966 0 0 0 16 26a2 2 0 0 0-2 2zM11 48V32c0-.931.639-1.706 1.5-1.929A1.966 1.966 0 0 0 12 30a2 2 0 0 0-2 2v16c0 1.481.804 2.773 2 3.465V60h1v-8.126c.32.082.655.126 1 .126h1a4 4 0 0 1-4-4zM23 28c0-.931.639-1.706 1.5-1.929A1.966 1.966 0 0 0 24 26a2 2 0 0 0-2 2v12h1zM29 38a3 3 0 0 0-3 3v3h1v-3a3 3 0 0 1 2.359-2.928A.999.999 0 0 0 29 38zM20 49v3h1v-3a5 5 0 0 1 5-5h-1a5 5 0 0 0-5 5z"
/>
</g>
<path
fill="#f0c8a0"
d="M52 30a2 2 0 0 0-2 2v-4a2 2 0 1 0-4 0v-3a2 2 0 1 0-4 0v3a2 2 0 1 0-4 0v13a3 3 0 0 0-3-3 1 1 0 0 0-1 1v9a4 4 0 0 0 4 4v8h14v-8.535A3.998 3.998 0 0 0 54 48V32a2 2 0 0 0-2-2z"
/>
<g fill="#d2aa82">
<path
d="M44 23c-.174 0-.339.029-.5.071.861.223 1.5.998 1.5 1.929v15h1V25a2 2 0 0 0-2-2zM49 40h1V28a2 2 0 0 0-2-2c-.174 0-.339.029-.5.071.861.223 1.5.998 1.5 1.929zM52 30c-.174 0-.339.029-.5.071.861.223 1.5.998 1.5 1.929v16a4 4 0 0 1-4 4h1c.347 0 .683-.044 1.004-.127l-.004.001V60h1v-8.535A3.998 3.998 0 0 0 54 48V32a2 2 0 0 0-2-2zM41 28v12h1V28a2 2 0 0 0-2-2c-.174 0-.339.029-.5.071.861.223 1.5.998 1.5 1.929zM35 38a.999.999 0 0 0-.359.072A3 3 0 0 1 37 41v3h1v-3a3 3 0 0 0-3-3zM39 44h-1a5 5 0 0 1 5 5v3h1v-3a5 5 0 0 0-5-5z"
/>
</g>
</svg>
More icons in the same style and category