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 style with a white and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 421.333 221.333)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 124 168)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 124 248)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 124 408)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 124 488)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 70.667 208)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 70.667 288)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 70.667 368)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="matrix(1.33333 0 0 -1.33333 70.667 448)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(316 346)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(93 386)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(93 326)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(93 206)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(93 146)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(53 356)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(53 296)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(53 236)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.52 0 10-4.48 10-10S5.52-20 0-20s-10 4.48-10 10S-5.52 0 0 0"
transform="translate(53 176)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-40"
transform="translate(502 176)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-80"
transform="translate(502 296)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40"
transform="translate(502 376)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v20h106c11.05 0 20-8.95 20-20v-20"
transform="translate(376 436)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-20c0-11.05-8.95-20-20-20h-106v20"
transform="translate(502 96)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60v40H0Z"
transform="translate(502 376)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66"
transform="translate(376 396)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60v40H0Z"
transform="translate(502 296)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66"
transform="translate(376 316)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60v40H0Z"
transform="translate(502 176)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66"
transform="translate(376 196)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60v40H0Z"
transform="translate(502 96)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66"
transform="translate(376 116)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h126"
transform="translate(376 256)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30 20L60 0v-360l-30-20-30 20"
transform="translate(316 436)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30 20L60 0v-60"
transform="translate(256 436)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-220l-30-20-30 20"
transform="translate(316 296)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30 20L60 0v-360l-30-20-30 20"
transform="translate(196 436)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30 20L60 0v-360l-30-20-30 20"
transform="translate(136 436)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-20h-106c-11.05 0-20 8.95-20 20v360c0 11.05 8.95 20 20 20H0v-20z"
transform="translate(136 76)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category