Add icons to this collection by clicking the heart icon.
Accordion icon - also known as music, musical instrument, orchestra, accordion, and music and multimedia. Created in a clean lineal color style with a white, gray, black, red, purple, orange, 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="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 0v-51.716l-86.915-25.853-86.914 25.853V0l86.914 25.853z"
transform="matrix(1.33333 0 0 -1.33333 241.772 444.755)"
fill="#ffd4a2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-51.716l-86.915-25.853-86.914 25.853V0l86.914 22.029z"
transform="matrix(1.33333 0 0 -1.33333 241.772 306.858)"
fill="#ffd4a2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-51.706l-86.915-29.687-86.914 29.687V0l86.914 25.858z"
transform="matrix(1.33333 0 0 -1.33333 241.772 168.962)"
fill="#ffd4a2"
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 0v-51.706h-141.577c-17.808 0-32.252 14.435-32.252 32.242V0Z"
transform="translate(181.33 126.718)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M181.329 178.434H7.5v51.706h173.829zM181.329 281.856H7.5v51.716h173.829z"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-51.716h-173.829v19.464C-173.829-14.435-159.385 0-141.577 0z"
transform="translate(181.33 436.995)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.516 0-9.987-4.471-9.987-9.987v-15.215c0-5.515 4.471-9.986 9.987-9.986h99.442V0Z"
transform="translate(81.887 402.873)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.516 0-9.987-4.471-9.987-9.987v-15.215c0-5.515 4.471-9.986 9.987-9.986h99.442V0Z"
transform="translate(81.887 351.162)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.516 0-9.987-4.471-9.987-9.987v-15.215c0-5.516 4.471-9.987 9.987-9.987h99.442V0Z"
transform="translate(81.887 247.74)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.516 0-9.987-4.471-9.987-9.987v-15.215c0-5.515 4.471-9.986 9.987-9.986h99.442V0Z"
transform="translate(81.887 196.028)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.516 0-9.987-4.471-9.987-9.987v-15.215c0-5.515 4.471-9.986 9.987-9.986h99.442V0Z"
transform="translate(81.887 144.317)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.706-17.693c-8.783-10.567-25.003-10.567-33.787 0L-63.199 0l-31.555 179.486 31.555 182.498 14.706 17.693c8.784 10.568 25.004 10.568 33.787 0L0 361.984l25.442-180.992Z"
transform="translate(350.756 75.008)"
fill="#f8d070"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.706-17.693c-8.783-10.567-25.004-10.567-33.787 0L-63.199 0v361.984l14.706 17.693c8.783 10.568 25.004 10.568 33.787 0L0 361.984l31.555-182.498Z"
transform="translate(224.447 75.008)"
fill="#4f4c5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.001a63.673 63.673 0 0 0-14.705 40.699v315.972A63.664 63.664 0 0 0 0 397.37a22.299 22.299 0 0 0 1.894 2.005c-9.065 8.509-23.707 7.844-31.894-2.005l-14.706-17.692V17.693L-30 0c8.187-9.849 22.829-10.514 31.894-2.005A22.299 22.299 0 0 0 0 0"
transform="translate(205.954 57.315)"
fill="#423e4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.706-17.693c-8.783-10.567-25.003-10.567-33.787 0L-63.199 0v361.984l14.706 17.693c8.784 10.568 25.004 10.568 33.787 0L0 361.984Z"
transform="translate(287.602 75.008)"
fill="#fd5f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-121.497v-361.984H0c17.81 0 32.247 14.437 32.247 32.246v297.491C32.247-14.437 17.81 0 0 0"
transform="translate(472.253 436.992)"
fill="#fd5f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297-7.537-16.833-16.834-16.833S-33.667-9.297-33.667 0c0 9.297 7.536 16.834 16.833 16.834C-7.537 16.834 0 9.297 0 0"
transform="translate(414.348 336.904)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297-7.537-16.834-16.834-16.834S-33.667-9.297-33.667 0s7.536 16.833 16.833 16.833C-7.537 16.833 0 9.297 0 0"
transform="translate(414.348 269.635)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297-7.537-16.833-16.834-16.833S-33.667-9.297-33.667 0c0 9.297 7.536 16.834 16.833 16.834C-7.537 16.834 0 9.297 0 0"
transform="translate(414.348 202.365)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297-7.537-16.834-16.834-16.834S-33.667-9.297-33.667 0s7.536 16.833 16.833 16.833C-7.537 16.833 0 9.297 0 0"
transform="translate(414.348 135.096)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297 7.536-16.833 16.833-16.833 9.297 0 16.834 7.536 16.834 16.833 0 9.297-7.537 16.834-16.834 16.834S0 9.297 0 0"
transform="translate(440.91 376.904)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297 7.536-16.834 16.833-16.834 9.297 0 16.834 7.537 16.834 16.834S26.13 16.833 16.833 16.833 0 9.297 0 0"
transform="translate(440.91 309.635)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297 7.536-16.833 16.833-16.833 9.297 0 16.834 7.536 16.834 16.833 0 9.297-7.537 16.834-16.834 16.834S0 9.297 0 0"
transform="translate(440.91 242.365)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297 7.536-16.834 16.833-16.834 9.297 0 16.834 7.537 16.834 16.834S26.13 16.833 16.833 16.833 0 9.297 0 0"
transform="translate(440.91 175.096)"
fill="#fff7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a63.668 63.668 0 0 0-14.706 40.699v315.972A63.67 63.67 0 0 0 0 397.37a22.299 22.299 0 0 0 1.894 2.005c-9.065 8.509-23.707 7.844-31.894-2.005l-14.706-17.692V17.693L-30 0c8.187-9.849 22.829-10.514 31.894-2.005A22.299 22.299 0 0 0 0 0"
transform="translate(269.108 57.315)"
fill="#e3254c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a63.674 63.674 0 0 0-14.706 40.699v315.972A63.67 63.67 0 0 0 0 397.37a22.299 22.299 0 0 0 1.894 2.005c-9.065 8.509-23.707 7.844-31.894-2.005l-14.706-17.692V17.693L-30 0c8.187-9.849 22.829-10.514 31.894-2.005A22.299 22.299 0 0 0 0 0"
transform="translate(332.285 57.315)"
fill="#ffa83f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.297-7.537-16.833-16.834-16.833S-33.667-9.297-33.667 0c0 9.297 7.536 16.833 16.833 16.833C-7.537 16.833 0 9.297 0 0Z"
transform="translate(414.348 336.904)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297-7.537-16.833-16.834-16.833S-33.667-9.297-33.667 0c0 9.297 7.536 16.834 16.833 16.834C-7.537 16.834 0 9.297 0 0Z"
transform="translate(414.348 269.634)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297-7.537-16.833-16.834-16.833S-33.667-9.297-33.667 0c0 9.297 7.536 16.833 16.833 16.833C-7.537 16.833 0 9.297 0 0Z"
transform="translate(414.348 202.365)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297-7.537-16.833-16.834-16.833S-33.667-9.297-33.667 0c0 9.297 7.536 16.834 16.833 16.834C-7.537 16.834 0 9.297 0 0Z"
transform="translate(414.348 135.096)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297 7.536-16.833 16.833-16.833 9.297 0 16.834 7.536 16.834 16.833 0 9.297-7.537 16.833-16.834 16.833S0 9.297 0 0Z"
transform="translate(440.91 376.904)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297 7.536-16.833 16.833-16.833 9.297 0 16.834 7.536 16.834 16.833 0 9.297-7.537 16.834-16.834 16.834S0 9.297 0 0Z"
transform="translate(440.91 309.634)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297 7.536-16.833 16.833-16.833 9.297 0 16.834 7.536 16.834 16.833 0 9.297-7.537 16.833-16.834 16.833S0 9.297 0 0Z"
transform="translate(440.91 242.365)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.297 7.536-16.833 16.833-16.833 9.297 0 16.834 7.536 16.834 16.833 0 9.297-7.537 16.834-16.834 16.834S0 9.297 0 0Z"
transform="translate(440.91 175.096)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v267.065l-14.706 17.693c-8.783 10.567-25.004 10.567-33.787 0l-14.706-17.693v-51.656"
transform="translate(287.602 169.927)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-280.414l14.706-17.692c8.783-10.567 25.004-10.567 33.787 0l14.706 17.692v65.208"
transform="translate(224.402 355.42)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-65.208l-.022-.026L14.661-82.9c8.784-10.567 25.004-10.567 33.787 0l14.706 17.692v361.985L48.448 314.47c-8.783 10.568-25.003 10.568-33.787 0L-.022 296.804l.022-.027V29.712"
transform="translate(287.602 140.215)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-121.496v-361.985H0c17.81 0 32.247 14.438 32.247 32.247v297.491C32.247-14.438 17.81 0 0 0Z"
transform="translate(472.253 436.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .002.002h-121.498c-17.808 0-32.252-14.435-32.252-32.252v-19.464H0Z"
transform="translate(161.248 436.992)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M161.248 385.278H7.5v-51.706h153.748zM161.248 333.572H7.5v-51.716h153.748zM161.248 281.856H7.5V230.14h153.748zM161.248 230.14H7.5v-51.706h153.748z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-153.748v-51.716H0Z"
transform="translate(161.248 178.434)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-153.748v-19.464c0-17.807 14.444-32.242 32.252-32.242H0z"
transform="translate(161.248 126.718)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-79.361c-5.516 0-9.988-4.471-9.988-9.987v-15.215c0-5.515 4.472-9.986 9.988-9.986H0Z"
transform="translate(161.248 402.873)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.361c-5.516 0-9.988-4.471-9.988-9.987v-15.215c0-5.516 4.472-9.987 9.988-9.987H0Z"
transform="translate(161.248 351.162)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.361c-5.516 0-9.988-4.471-9.988-9.987v-15.215c0-5.515 4.472-9.986 9.988-9.986H0Z"
transform="translate(161.248 247.74)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.361c-5.516 0-9.988-4.471-9.988-9.987v-15.215c0-5.515 4.472-9.986 9.988-9.986H0Z"
transform="translate(161.248 196.028)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-79.361c-5.516 0-9.988-4.471-9.988-9.987v-15.215c0-5.515 4.472-9.987 9.988-9.987H0Z"
transform="translate(161.248 144.317)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v51.656l.022.027-14.683 17.666c-8.784 10.567-25.004 10.567-33.787 0l-14.706-17.693v-361.985l14.706-17.692c8.783-10.568 25.003-10.568 33.787 0L.022-310.356l-.022.027v280.413"
transform="translate(224.402 385.336)"
fill="none"
stroke="#000"
stroke-width="15"
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