Add icons to this collection by clicking the heart icon.
Accordion icon - also known as music, instrument, musical, music instrument, accordion, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, and red 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 512 512"
>
<rect width="144" height="352" x="24" y="80" fill="#c7312e" rx="16" />
<path
fill="#eb423f"
d="M168 96v320a16 16 0 0 1-16 16h-32V80h32a16 16 0 0 1 16 16z"
/>
<rect width="128" height="352" x="360" y="80" fill="#eb423f" rx="16" />
<path fill="#e9eef2" d="M120 112v48H24v-48z" />
<path fill="#dadcde" d="M120 160v48H24v-48z" />
<path fill="#464c4f" d="M120 144v32H72v-32z" />
<path fill="#e9eef2" d="M120 208v48H24v-48z" />
<path fill="#dadcde" d="M120 256v48H24v-48z" />
<path fill="#464c4f" d="M120 240v32H72v-32z" />
<path fill="#e9eef2" d="M120 304v48H24v-48z" />
<path fill="#dadcde" d="M120 352v48H24v-48z" />
<path
fill="#464c4f"
d="M120 336v32H72v-32zM360 96v320h-32l-16 16-16-16-16 16-16-16-16 16-16-16-16 16-16-16h-32V96h32l16-16 16 16 16-16 16 16 16-16 16 16 16-16 16 16z"
/>
<path
fill="#e9eef2"
d="M408 112h80v288h-80a16 16 0 0 1-16-16V128a16 16 0 0 1 16-16z"
/>
<path
d="M472 72h-96a24.039 24.039 0 0 0-22.624 16h-22.063l-13.656-13.657a8 8 0 0 0-11.314 0L296 84.686l-10.343-10.343a8 8 0 0 0-11.314 0L264 84.686l-10.343-10.343a8 8 0 0 0-11.314 0L232 84.686l-10.343-10.343a8 8 0 0 0-11.314 0L196.686 88h-22.062A24.039 24.039 0 0 0 152 72H40a24.028 24.028 0 0 0-24 24v320a24.028 24.028 0 0 0 24 24h112a24.039 24.039 0 0 0 22.624-16h22.062l13.657 13.657a8 8 0 0 0 11.314 0L232 427.314l10.343 10.343a8 8 0 0 0 11.314 0L264 427.314l10.343 10.343a8 8 0 0 0 11.314 0L296 427.314l10.343 10.343a8 8 0 0 0 11.314 0L331.313 424h22.063A24.039 24.039 0 0 0 376 440h96a24.028 24.028 0 0 0 24-24V96a24.028 24.028 0 0 0-24-24zm-136 32h16v304h-16zM192 408h-16V104h16zm-80-48H80v-16h32zm0-96H80v-16h32zm0-96H80v-16h32zm0-32H72a8 8 0 0 0-8 8v8H32v-32h80zm-48 32v8a8 8 0 0 0 8 8h40v16H32v-32zm48 48v16H72a8 8 0 0 0-8 8v8H32v-32zm-48 48v8a8 8 0 0 0 8 8h40v16H32v-32zm48 48v16H72a8 8 0 0 0-8 8v8H32v-32zm-48 48v8a8 8 0 0 0 8 8h40v16H32v-32zM40 88h72v16H32v-8a8.009 8.009 0 0 1 8-8zm-8 328v-8h80v16H40a8.009 8.009 0 0 1-8-8zm128 0a8.009 8.009 0 0 1-8 8h-24V88h24a8.009 8.009 0 0 1 8 8zm56 4.686-8-8V99.314l8-8 8 8v313.372zm32 0-8-8V99.314l8-8 8 8v313.372zm32 0-8-8V99.314l8-8 8 8v313.372zm32 0-8-8V99.314l8-8 8 8v313.372zM472 424h-96a8.009 8.009 0 0 1-8-8V96a8.009 8.009 0 0 1 8-8h96a8.009 8.009 0 0 1 8 8v8h-72a24.028 24.028 0 0 0-24 24v256a24.028 24.028 0 0 0 24 24h72v8a8.009 8.009 0 0 1-8 8zm8-304v272h-72a8.009 8.009 0 0 1-8-8V128a8.009 8.009 0 0 1 8-8z"
/>
<circle cx="424" cy="176" r="8" />
<circle cx="424" cy="144" r="8" />
<circle cx="456" cy="160" r="8" />
<circle cx="424" cy="208" r="8" />
<circle cx="456" cy="192" r="8" />
<circle cx="424" cy="240" r="8" />
<circle cx="456" cy="224" r="8" />
<circle cx="424" cy="272" r="8" />
<circle cx="456" cy="256" r="8" />
<circle cx="424" cy="304" r="8" />
<circle cx="456" cy="288" r="8" />
<circle cx="424" cy="336" r="8" />
<circle cx="456" cy="320" r="8" />
<circle cx="424" cy="368" r="8" />
<circle cx="456" cy="352" r="8" />
</svg>
More icons in the same style and category