Add icons to this collection by clicking the heart icon.
Accordion icon - also known as music instrument, orchestra, harmonic, accordion, and music and multimedia. Created in a clean flat style with a white, gray, red, teal, and navy 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"
>
<path
fill="#465d8c"
d="M256 482c-2.3 0-4.6-.527-6.709-1.582l-60-30A15.006 15.006 0 0 1 181 437V45c0-5.2 2.695-10.02 7.119-12.759a15.038 15.038 0 0 1 14.59-.659L256 58.228l53.291-26.646a15.019 15.019 0 0 1 13.418 0l60 30A15.006 15.006 0 0 1 391 75v392c0 5.2-2.695 10.02-7.119 12.759s-9.932 2.974-14.59.659L316 453.772l-53.291 26.646A14.993 14.993 0 0 1 256 482z"
/>
<path
fill="#2a428c"
d="M181 256v181a15.006 15.006 0 0 0 8.291 13.418l60 30C251.4 481.473 253.7 482 256 482s4.6-.527 6.709-1.582L316 453.772l53.291 26.646A15.005 15.005 0 0 0 391 467V256z"
/>
<path
fill="#e9efff"
d="M136 482H45c-24.814 0-45-20.186-45-45V75c0-24.814 20.186-45 45-45h91c8.291 0 15 6.709 15 15v422c0 8.291-6.709 15-15 15z"
/>
<path
fill="#d3dcfb"
d="M0 256v181c0 24.814 20.186 45 45 45h91c8.291 0 15-6.709 15-15V256z"
/>
<path
fill="#ff4155"
d="M467 512h-91c-8.291 0-15-6.709-15-15V15c0-8.291 6.709-15 15-15h91c24.814 0 45 20.186 45 45v422c0 24.814-20.186 45-45 45z"
/>
<path
fill="#e80054"
d="M361 256v241c0 8.291 6.709 15 15 15h91c24.814 0 45-20.186 45-45V256z"
/>
<path
fill="#465d8c"
d="M136 121H76c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15zM136 181H76c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15zM136 241H76c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<path
fill="#2a428c"
d="M136 301H76c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15zM136 361H76c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15zM136 421H76c-8.291 0-15-6.709-15-15s6.709-15 15-15h60c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
/>
<circle cx="437" cy="106" r="15" fill="#2a428c" />
<circle cx="437" cy="166" r="15" fill="#2a428c" />
<circle cx="437" cy="226" r="15" fill="#2a428c" />
<circle cx="437" cy="286" r="15" fill="#172d73" />
<circle cx="437" cy="346" r="15" fill="#172d73" />
<circle cx="437" cy="406" r="15" fill="#172d73" />
<path
fill="#2a428c"
d="M256 413.925c-8.291 0-15-6.709-15-15v-255.85c0-8.291 6.709-15 15-15s15 6.709 15 15v255.85c0 8.291-6.709 15-15 15zM316 383.925c-8.291 0-15-6.709-15-15v-255.85c0-8.291 6.709-15 15-15s15 6.709 15 15v255.85c0 8.291-6.709 15-15 15z"
/>
<path
fill="#ff4155"
d="M196 512h-60c-8.291 0-15-6.709-15-15V15c0-8.291 6.709-15 15-15h60c8.291 0 15 6.709 15 15v482c0 8.291-6.709 15-15 15z"
/>
<path
fill="#172d73"
d="M301 256v112.925c0 8.291 6.709 15 15 15s15-6.709 15-15V256zM241 256v142.925c0 8.291 6.709 15 15 15s15-6.709 15-15V256z"
/>
<path
fill="#e80054"
d="M121 256v241c0 8.291 6.709 15 15 15h60c8.291 0 15-6.709 15-15V256z"
/>
</svg>
More icons in the same style and category