Add icons to this collection by clicking the heart icon.
Filters icon - also known as commerce, settings, product, ui, levels, and filters. Created in a clean soft fill style with a silver, gray, black, teal, and orange 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none">
<path
fill="#509aee"
d="m27 7 3.95 1.32A2.991 2.991 0 0 1 33 11.16V33H4a3 3 0 0 1-3-3V11.16c0-1.29.826-2.434 2.05-2.84L7 7z"
/>
<rect width="32" height="32" x="27" y="27" fill="#d1d4dc" rx="2" />
<path
fill="#256daf"
d="M23 4v1c0 2.45-3.3 5.67-5 7.17-.6.52-1 .83-1 .83s-.4-.31-1-.83c-1.7-1.5-5-4.72-5-7.17V4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3z"
/>
<path
fill="#3486de"
d="m17 13-1 1.03-1.04 1.08a2.974 2.974 0 0 1-4.27-.03C9 13.33 7 9 7 7.03 7 1 14 1 14 1a3 3 0 0 0-3 3v1c0 2.45 3.3 5.67 5 7.17.38.33.69.58.85.71.03.03.06.05.08.07A.4.4 0 0 1 17 13zM27 7.03c0 1.97-2 6.3-3.69 8.05a2.974 2.974 0 0 1-4.27.03L18 14.03 17 13a.4.4 0 0 1 .07-.05c.02-.02.05-.04.08-.07.16-.13.47-.38.85-.71 1.7-1.5 5-4.72 5-7.17V4a3 3 0 0 0-3-3s7 0 7 6.03z"
/>
<path
fill="#f7bc31"
d="M35 38a2 2 0 1 1-4 .004A2 2 0 0 1 35 38zM45 49a2 2 0 1 1-4 .004A2 2 0 0 1 45 49zM55 41a2 2 0 1 1-4 .004A2 2 0 0 1 55 41z"
/>
<g fill="#373737">
<path
d="M57 26H34V11.16a3.974 3.974 0 0 0-2.732-3.788l-3.314-1.107C27.49 1.339 22.633 0 20 0h-6c-2.633 0-7.49 1.339-7.954 6.265L2.738 7.37A3.976 3.976 0 0 0 0 11.16V19a1 1 0 0 0 2 0v-7.84a1.981 1.981 0 0 1 1.367-1.891l2.8-.937a18.575 18.575 0 0 0 3.794 7.442A3.961 3.961 0 0 0 12.808 17h.034c1.07 0 2.095-.429 2.844-1.192l.314-.327V32H4a2 2 0 0 1-2-2v-6a1 1 0 0 0-2 0v6a4 4 0 0 0 4 4h22v23a3 3 0 0 0 3 3h28a3 3 0 0 0 3-3V45a1 1 0 0 0-2 0v12a1 1 0 0 1-1 1H29a1 1 0 0 1-1-1V29a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1v10a1 1 0 0 0 2 0V29a3 3 0 0 0-3-3zM26 7.034c0 1.711-1.878 5.766-3.406 7.354a1.989 1.989 0 0 1-2.838.033l-1.286-1.336C20.247 11.56 24 7.987 24 5V4a4 4 0 0 0-.119-.927A4.382 4.382 0 0 1 26 7.034zM12 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1c0 1.866-2.851 4.9-5 6.711C14.851 9.9 12 6.866 12 5zm.824 11a1.98 1.98 0 0 1-1.418-.612C9.878 12.8 8 8.745 8 7.034a4.372 4.372 0 0 1 2.114-3.945A3.966 3.966 0 0 0 10 4v1c0 2.987 3.753 6.56 5.53 8.085l-1.274 1.324c-.375.386-.894.6-1.432.591zM29 26a3 3 0 0 0-3 3v3h-8V15.481l.326.338A3.963 3.963 0 0 0 21.158 17h.034a3.961 3.961 0 0 0 2.843-1.226 18.575 18.575 0 0 0 3.794-7.442l2.81.939A1.979 1.979 0 0 1 32 11.16V26z"
/>
<path
d="M33 55a1 1 0 0 0 1-1V40.816a2.982 2.982 0 0 0 0-5.632V32a1 1 0 0 0-2 0v3.184a2.982 2.982 0 0 0 0 5.632V54a1 1 0 0 0 1 1zm0-18a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM43 55a1 1 0 0 0 1-1v-2.184a2.982 2.982 0 0 0 0-5.632V32a1 1 0 0 0-2 0v14.184a2.982 2.982 0 0 0 0 5.632V54a1 1 0 0 0 1 1zm0-7a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM53 55a1 1 0 0 0 1-1V43.816a2.982 2.982 0 0 0 0-5.632V32a1 1 0 0 0-2 0v6.184a2.982 2.982 0 0 0 0 5.632V54a1 1 0 0 0 1 1zm0-15a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category