Add icons to this collection by clicking the heart icon.
Accordion icon - also known as music, musical, music instrument, music instruments, accordions, harmonic, accordion, and music and multimedia. Created in a clean flat style with a silver, gray, black, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M512 256c0 8.641-.428 17.178-1.264 25.6a260.46 260.46 0 0 1-2.435 18.004 258.314 258.314 0 0 1-1.034 5.632 204.593 204.593 0 0 1-.888 4.368 250.987 250.987 0 0 1-5.642 21.734C468.564 435.952 371.158 512 256 512c-75.4 0-143.193-32.601-190.036-84.47a254.185 254.185 0 0 1-14.367-17.398 233.023 233.023 0 0 1-5.245-7.178c-.293-.428-.596-.846-.878-1.275a244.889 244.889 0 0 1-7.471-11.4A254.54 254.54 0 0 1 20.01 355.39a264.386 264.386 0 0 1-4.451-11.306 225.458 225.458 0 0 1-3.25-9.467 338.827 338.827 0 0 1-1.442-4.618c-.042-.125-.073-.251-.115-.376-.209-.731-.428-1.473-.637-2.205-.24-.805-.46-1.62-.69-2.424-.146-.491-.282-.982-.418-1.473a256.58 256.58 0 0 1-5.235-23.479 248.013 248.013 0 0 1-1.233-7.868A258.124 258.124 0 0 1 0 256C0 114.615 114.615 0 256 0c32.455 0 63.498 6.04 92.076 17.053a251.22 251.22 0 0 1 21.755 9.582 252.252 252.252 0 0 1 9.456 4.953 253.62 253.62 0 0 1 28.672 18.369C471.071 96.58 512 171.51 512 256z"
fill="#f45367"
/>
<circle cx="256" cy="192.784" r="184.947" fill="#fc7385" />
<path
d="m376.163 376.445-14.911 16.802c-1.034.46-2.048.93-3.062 1.421-13.134 6.437-24.325 15.956-32.225 27.961-.24.376-.491.763-.731 1.139-.23.366-.449.731-.679 1.097a74.228 74.228 0 0 0-2.038 3.574 53.968 53.968 0 0 0-1.055 2.058 71.64 71.64 0 0 0-1.943 4.263c-.125.293-.251.585-.366.878l-29.017 9.07L20.01 355.391a264.386 264.386 0 0 1-4.451-11.306 225.458 225.458 0 0 1-3.25-9.467A338.827 338.827 0 0 1 10.867 330c-.042-.125-.073-.251-.115-.376-.209-.731-.428-1.473-.637-2.205-.24-.805-.46-1.62-.69-2.424-.146-.491-.282-.982-.418-1.473 1.515-.679 3.02-1.369 4.493-2.079a350.594 350.594 0 0 1-2.894-6.008 360.377 360.377 0 0 1-6.834-15.391 248.013 248.013 0 0 1-1.233-7.868 343.504 343.504 0 0 1 21.065-8.516 248.362 248.362 0 0 1 6.207-2.226c-.752-2.09-1.494-4.19-2.215-6.301a371.069 371.069 0 0 1-7.168-23.322 364.092 364.092 0 0 1 29.979-7.973 410.872 410.872 0 0 1-1.526-6.531 368.831 368.831 0 0 1-4.504-23.855 362.28 362.28 0 0 1 24.022-3.73c2.205-.272 4.409-.512 6.614-.742a344.587 344.587 0 0 1-.784-6.635 372.964 372.964 0 0 1-1.808-24.21 380.681 380.681 0 0 1 23.74-.993c2.403-.01 4.796-.01 7.189.01-.031-2.048-.042-4.096-.031-6.154.031-8.171.345-16.447.94-24.785 8.171.313 16.248.888 24.21 1.735 2.236.219 4.462.481 6.677.752.219-2.173.46-4.357.731-6.552a354.136 354.136 0 0 1 3.73-24.148 371.83 371.83 0 0 1 30.511 5.904c.543-2.445 1.108-4.89 1.703-7.346a362.203 362.203 0 0 1 6.353-22.727 375.449 375.449 0 0 1 23.395 7.032c2.152.721 4.284 1.463 6.405 2.226a358.18 358.18 0 0 1 2.194-6.05 348.703 348.703 0 0 1 9.488-22.998l25.893 15.057 130.614 287.347z"
fill="#5b5560"
/>
<path
d="M510.736 281.6a254.93 254.93 0 0 1-3.469 23.636 252.005 252.005 0 0 1-6.531 26.102L447.3 355.046l-.167.073-85.859 38.097L219.658 74.041l86.016-38.17.146-.063 42.256-18.756 20.919-9.279c9.341-4.138 20.271.073 24.419 9.404l1.682 3.793 12.863 28.985L510.736 281.6z"
fill="#dcdbdd"
/>
<path
d="m395.097 20.971-79.882 35.391-9.394-20.553 63.175-28.035c9.341-4.138 20.271.073 24.419 9.404l1.682 3.793z"
fill="#41add1"
/>
<path
d="m447.3 355.046-86.027 38.169L219.658 74.04l86.016-38.169z"
fill="#62d6ea"
/>
<path
d="M507.267 305.236a252.005 252.005 0 0 1-6.531 26.102L447.3 355.046l-.167.073-8.976-20.125 69.11-29.758z"
fill="#41add1"
/>
<path
d="M157.431 211.021h349.2v8.36h-349.2z"
transform="scale(-1) rotate(66.072 330.907 -510.553)"
fill="#41add1"
/>
<path
d="M119.69 227.774h349.2v8.36h-349.2z"
transform="scale(-1) rotate(66.072 356.668 -452.52)"
fill="#41add1"
/>
<path
d="m319.028 436.182-10.25 33.771-3.312 10.919c-2.967 9.78-13.302 15.297-23.082 12.33L65.964 427.53a258.525 258.525 0 0 1-19.613-24.576 255.029 255.029 0 0 1-30.793-58.87l303.47 92.098z"
fill="#41add1"
/>
<path
d="m319.028 436.182-10.25 33.771c-4.545 5.998-12.497 8.84-20.125 6.531l-242.301-73.53a255.029 255.029 0 0 1-30.793-58.87l303.469 92.098z"
fill="#62d6ea"
/>
<circle cx="262.269" cy="470.664" r="5.214" fill="#dcdbdd" />
<circle cx="244.475" cy="465.262" r="5.214" fill="#dcdbdd" />
<circle cx="226.67" cy="459.86" r="5.214" fill="#dcdbdd" />
<circle cx="208.854" cy="454.457" r="5.214" fill="#dcdbdd" />
<circle cx="191.049" cy="449.055" r="5.214" fill="#dcdbdd" />
<circle cx="173.244" cy="443.643" r="5.214" fill="#dcdbdd" />
<circle cx="155.439" cy="438.241" r="5.214" fill="#dcdbdd" />
<circle cx="137.634" cy="432.839" r="5.214" fill="#dcdbdd" />
<circle cx="119.829" cy="427.436" r="5.214" fill="#dcdbdd" />
<circle cx="256.533" cy="457.143" r="5.214" fill="#dcdbdd" />
<circle cx="238.728" cy="451.73" r="5.214" fill="#dcdbdd" />
<circle cx="220.923" cy="446.328" r="5.214" fill="#dcdbdd" />
<circle cx="203.118" cy="440.926" r="5.214" fill="#dcdbdd" />
<circle cx="185.313" cy="435.524" r="5.214" fill="#dcdbdd" />
<circle cx="167.508" cy="430.122" r="5.214" fill="#dcdbdd" />
<circle cx="149.692" cy="424.72" r="5.214" fill="#dcdbdd" />
<circle cx="131.887" cy="419.307" r="5.214" fill="#dcdbdd" />
<circle cx="114.082" cy="413.905" r="5.214" fill="#dcdbdd" />
<circle cx="251.005" cy="443.664" r="5.214" fill="#dcdbdd" />
<circle cx="233.2" cy="438.262" r="5.214" fill="#dcdbdd" />
<circle cx="215.395" cy="432.849" r="5.214" fill="#dcdbdd" />
<circle cx="197.59" cy="427.447" r="5.214" fill="#dcdbdd" />
<circle cx="179.785" cy="422.045" r="5.214" fill="#dcdbdd" />
<circle cx="161.98" cy="416.643" r="5.214" fill="#dcdbdd" />
<circle cx="144.175" cy="411.24" r="5.214" fill="#dcdbdd" />
<circle cx="126.37" cy="405.838" r="5.214" fill="#dcdbdd" />
<circle cx="245.258" cy="430.132" r="5.214" fill="#dcdbdd" />
<circle cx="227.453" cy="424.73" r="5.214" fill="#dcdbdd" />
<circle cx="209.648" cy="419.328" r="5.214" fill="#dcdbdd" />
<circle cx="191.843" cy="413.926" r="5.214" fill="#dcdbdd" />
<circle cx="174.038" cy="408.513" r="5.214" fill="#dcdbdd" />
<circle cx="156.233" cy="403.111" r="5.214" fill="#dcdbdd" />
<circle cx="138.428" cy="397.709" r="5.214" fill="#dcdbdd" />
<circle cx="120.623" cy="392.307" r="5.214" fill="#dcdbdd" />
<circle cx="101.93" cy="422.139" r="5.214" fill="#dcdbdd" />
<circle cx="84.125" cy="416.726" r="5.214" fill="#dcdbdd" />
<circle cx="66.32" cy="411.324" r="5.214" fill="#dcdbdd" />
<path
d="M51.597 410.133a233.023 233.023 0 0 1-5.245-7.178c-.293-.428-.596-.846-.878-1.275.188-.125.376-.251.585-.355a5.211 5.211 0 0 1 7.053 2.142c1.244 2.319.544 5.151-1.515 6.666z"
fill="#dcdbdd"
/>
<circle cx="96.183" cy="408.607" r="5.214" fill="#dcdbdd" />
<circle cx="78.378" cy="403.205" r="5.214" fill="#dcdbdd" />
<circle cx="60.575" cy="397.803" r="5.214" fill="#dcdbdd" />
<path
d="M45.223 396.999a5.216 5.216 0 0 1-2.518.616 244.889 244.889 0 0 1-4.702-7.335 5.26 5.26 0 0 1 2.309-2.487 5.22 5.22 0 0 1 7.053 2.142 5.224 5.224 0 0 1-2.142 7.064z"
fill="#dcdbdd"
/>
<circle cx="108.471" cy="400.53" r="5.214" fill="#dcdbdd" />
<circle cx="90.666" cy="395.128" r="5.214" fill="#dcdbdd" />
<circle cx="72.861" cy="389.726" r="5.214" fill="#dcdbdd" />
<circle cx="55.051" cy="384.324" r="5.214" fill="#dcdbdd" />
<circle cx="37.245" cy="378.922" r="5.214" fill="#dcdbdd" />
<circle cx="102.724" cy="387.009" r="5.214" fill="#dcdbdd" />
<circle cx="84.919" cy="381.607" r="5.214" fill="#dcdbdd" />
<circle cx="67.114" cy="376.195" r="5.214" fill="#dcdbdd" />
<circle cx="49.309" cy="370.792" r="5.214" fill="#dcdbdd" />
<path
d="m360.876 391.858-2.685 2.811c-13.134 6.437-24.325 15.956-32.225 27.961-.24.376-.491.763-.731 1.139-.23.366-.449.731-.679 1.097a74.228 74.228 0 0 0-2.038 3.574 53.968 53.968 0 0 0-1.055 2.058 71.64 71.64 0 0 0-1.943 4.263c-.125.293-.251.585-.366.878L9.425 324.995c-.146-.491-.282-.982-.418-1.473 1.515-.679 3.02-1.369 4.493-2.079a350.594 350.594 0 0 1-2.894-6.008l292.018 103.372-279.02-135.149a248.362 248.362 0 0 1 6.207-2.226c-.752-2.09-1.494-4.19-2.215-6.301l267.849 129.745L43.969 245.321a376.06 376.06 0 0 1 6.437-1.484 410.872 410.872 0 0 1-1.526-6.531l268.236 170.172L68.399 209.721c2.205-.272 4.409-.512 6.614-.742a344.587 344.587 0 0 1-.784-6.635l242.615 192.909L96.162 177.142c2.403-.01 4.796-.01 7.189.01-.031-2.048-.042-4.096-.031-6.154l222.417 219.826L128.47 147.947c2.236.219 4.462.481 6.677.752.219-2.173.46-4.357.731-6.552l206.785 254.6-178.102-274.118c1.86.408 3.709.836 5.559 1.275.543-2.445 1.108-4.89 1.703-7.346l177.079 272.53-147.331-288.224c2.152.721 4.284 1.463 6.405 2.226a358.18 358.18 0 0 1 2.194-6.05l150.706 294.818z"
fill="#353434"
/>
<path
d="M461.668 245.246h8.359v88.367h-8.359z"
transform="rotate(-113.922 465.847 289.428)"
fill="#c4c2c6"
/>
<path
d="M445.006 207.669h8.359v88.367h-8.359z"
transform="rotate(-113.922 449.185 251.852)"
fill="#c4c2c6"
/>
<path
d="M428.334 170.091h8.359v88.378h-8.359z"
transform="rotate(-113.922 432.513 214.279)"
fill="#c4c2c6"
/>
<path
d="M411.676 132.539h8.359v88.378h-8.359z"
transform="rotate(-113.922 415.855 176.727)"
fill="#c4c2c6"
/>
<path
d="M394.999 94.963h8.359v88.378h-8.359z"
transform="rotate(-113.922 399.178 139.152)"
fill="#c4c2c6"
/>
<path
d="M357.791 140.309h38.272v17.805h-38.272z"
transform="rotate(-23.922 376.928 149.207)"
fill="#5b5560"
/>
<path
d="M373.819 177.913h38.272v17.805h-38.272z"
transform="rotate(-23.922 392.955 186.811)"
fill="#5b5560"
/>
<path
d="M407.258 253.147h38.272v17.805h-38.272z"
transform="rotate(-23.922 426.396 262.044)"
fill="#5b5560"
/>
<path
d="M423.973 290.763h38.272v17.805h-38.272z"
transform="rotate(-23.922 443.11 299.66)"
fill="#5b5560"
/>
<path
d="M378.331 57.388h8.359v88.378h-8.359z"
transform="rotate(-113.922 382.51 101.577)"
fill="#c4c2c6"
/>
<path
d="M361.654 19.813h8.359v88.378h-8.359z"
transform="rotate(-113.922 365.833 64.001)"
fill="#c4c2c6"
/>
<path
d="M323.66 65.425h38.272V83.23H323.66z"
transform="rotate(-23.922 342.796 74.324)"
fill="#5b5560"
/>
<path
d="M508.301 299.604a258.314 258.314 0 0 1-1.034 5.632 204.593 204.593 0 0 1-.888 4.368l-62.934 27.92 7.137 16.071-7.649 3.396L301.317 37.804l7.638-3.385 7.126 16.071 53.75-23.855 23.207-10.292 3.396 7.638-17.147 7.607-59.81 26.54 120.581 271.757 68.243-30.281z"
fill="#c4c2c6"
/>
</svg>
More icons in the same style and category