Add icons to this collection by clicking the heart icon.
Accordion icon - also known as music, musical, music instrument, music instruments, harmonic, accordion, music and multimedia, and birthday and party. Created in a clean lineal color style, 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-41.524 33.011h-67.513L-150.56 0l-37.191 257.361 40.829 49.98 37.459-20.131 34.186 34.186h-.006l34.186-34.186 37.459 20.131 40.829-49.98z"
transform="matrix(1.33333 0 0 -1.33333 445.893 538.682)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 82.53-14.552c12.906-2.276 25.214 6.342 27.49 19.249l42.408 240.508c2.276 12.907-6.342 25.214-19.249 27.49l-82.53 14.552c-12.906 2.276-25.214-6.342-27.49-19.249L-19.249 27.49C-21.525 14.584-12.907 2.276 0 0"
transform="translate(349.207 98.566)"
fill="#ff7e99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-87.77-15.476c-13.22-2.331-25.827 6.496-28.158 19.716l-42.208 239.373c-2.331 13.22 6.496 25.827 19.717 28.158l87.77 15.476c13.22 2.331 25.827-6.496 28.158-19.716L19.716 28.158C22.048 14.938 13.22 2.331 0 0"
transform="translate(168.51 98.466)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.208 239.373c-2.331 13.22-14.938 22.047-28.158 19.716l-38.898-6.859 50.649-287.247 38.898 6.859C-6.496-25.827 2.331-13.22 0 0"
transform="translate(188.226 126.624)"
fill="#ff7e99"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-47.875-8.442c-13.22-2.331-22.047-14.937-19.716-28.158l4.221-23.937L8.441-47.874z"
transform="translate(78.962 378.854)"
fill="#e0eaef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-71.812-12.662 8.442-47.875L8.442-47.874z"
transform="translate(95.845 283.105)"
fill="#e0eaef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-71.812-12.662 8.442-47.875L8.442-47.874z"
transform="translate(112.728 187.357)"
fill="#e0eaef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-87.77-15.476c-13.22-2.331-25.827 6.496-28.158 19.716l-42.208 239.373c-2.331 13.22 6.496 25.827 19.717 28.158l87.77 15.476c13.22 2.331 25.827-6.496 28.158-19.716L19.716 28.158C22.048 14.938 13.22 2.331 0 0Z"
transform="translate(168.51 98.466)"
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 71.812 12.662"
transform="translate(15.591 318.317)"
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 71.812 12.662"
transform="translate(24.033 270.443)"
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 71.812 12.662"
transform="translate(32.475 222.568)"
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 71.812 12.662"
transform="translate(40.916 174.694)"
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 71.812 12.662"
transform="translate(49.358 126.82)"
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 50.649-287.247"
transform="translate(78.962 378.854)"
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 0v0"
transform="translate(409.33 326.552)"
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 0v0"
transform="translate(453.216 318.814)"
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 0v0"
transform="translate(401.593 282.667)"
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 0v0"
transform="translate(445.478 274.93)"
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 0v0"
transform="translate(393.855 238.782)"
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 0v0"
transform="translate(437.74 231.044)"
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 0v0"
transform="translate(386.116 194.897)"
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 0v0"
transform="translate(430.002 187.16)"
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 0v0"
transform="translate(378.378 151.012)"
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 0v0"
transform="translate(422.263 143.274)"
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-280.26"
transform="translate(259.14 421.26)"
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-33.607L-75.13-33.011"
transform="translate(258.99 141)"
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 37.377-270.649"
transform="translate(187.752 413.489)"
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-40.829 49.979-37.459-20.13-34.183 34.185-34.183-34.185-37.459 20.13L-224.942 0"
transform="translate(371.61 365.35)"
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-280.26"
transform="translate(259.14 421.26)"
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 0h33.607L75.13-33.011"
transform="translate(259.29 141)"
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-37.885-268.338"
transform="translate(330.781 412.333)"
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 13.558 76.892c2.276 12.907-6.342 25.215-19.249 27.49l-82.529 14.553c-12.907 2.275-25.215-6.343-27.491-19.249l-42.408-240.509c-2.276-12.906 6.342-25.214 19.249-27.49l82.53-14.552c12.906-2.276 25.214 6.342 27.49 19.249l13.223 74.991"
transform="translate(488.077 266.879)"
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 0v0"
transform="translate(480.264 222.568)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category