Add icons to this collection by clicking the heart icon.
Filter icon - also known as music, instrument, filter, pop, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M284.5 110h40V70h-40z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="nonzero"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-10c0-8-4.477-10-10-10h-142c-11.046 0-20 8.954-20 20h-40c0-33.137 26.863-60 60-60H0c22.091 0 40 17.909 40 40V0Z"
transform="translate(284.5 70)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10c0-8-4.477-10-10-10h-142c-11.046 0-20 8.954-20 20v0h-40v0c0-33.137 26.863-60 60-60H0c22.091 0 40 17.909 40 40V0Z"
transform="translate(284.5 70)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="360,45,0,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M52.5 140h-40v40h40z"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v40h-80v-140H0v60h-40V0Z"
transform="translate(132.5 170)"
fill="#cfd3df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v40h-80v-140H0v60h-40V0Z"
transform="translate(132.5 170)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60"
transform="translate(12.5 190)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-60.531-60.531-158.672-60.531-219.203 0-60.531 60.531-60.531 158.672 0 219.203 60.531 60.531 158.672 60.531 219.203 0C60.531 158.672 60.531 60.531 0 0m-109.602 304.602c-107.695 0-195-87.305-195-195 0-107.696 87.305-195 195-195 107.696 0 195 87.304 195 195 0 107.695-87.304 195-195 195"
transform="translate(414.102 197.399)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-60.531-60.531-158.672-60.531-219.203 0-60.531 60.531-60.531 158.672 0 219.203 60.531 60.531 158.672 60.531 219.203 0C60.531 158.672 60.531 60.531 0 0Zm-109.602 304.602c-107.695 0-195-87.305-195-195 0-107.696 87.305-195 195-195 107.696 0 195 87.304 195 195 0 107.695-87.304 195-195 195z"
transform="translate(414.102 197.399)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 219.074 219.074"
transform="translate(195.061 197.462)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 189.875 189.875"
transform="translate(154.789 266.798)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 211.796 211.796"
transform="translate(171.23 228.437)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 211.796 211.796"
transform="translate(226.031 173.635)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 219.203-219.203"
transform="translate(194.93 416.535)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 189.87-189.87"
transform="translate(264.402 456.671)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 211.791-211.791"
transform="translate(226.041 440.23)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 211.791-211.791"
transform="translate(171.24 385.43)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 189.87-189.87"
transform="translate(154.793 347.062)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 189.875 189.875"
transform="translate(264.397 157.189)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M274.5 157h60v-47h-60z"
fill="#cfd3df"
fill-opacity="1"
fill-rule="nonzero"
stroke="#201b1b"
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