Add icons to this collection by clicking the heart icon.
Filter icon - also known as interface, setting, ui, filter, sort, and sliders. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 16 16"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(11.5 -11.5 11.5 11.5 4 16.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faeaeb" />
<stop offset="1" stop-color="#f6d0d2" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(46.848 -87.687 69.4) scale(16.702)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#db797e" />
<stop offset="1" stop-color="#d62d37" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M17 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2z"
transform="translate(-2 -2)"
/>
<path
fill="url(#b)"
d="M36.509 87a2.5 2.5 0 0 0-2.5-2.5h-10a2.5 2.5 0 0 0-2.5 2.5v10a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5zm-5.5 3.437v6.57a.5.5 0 0 0 1 0v-6.57a2.001 2.001 0 0 0-.5-3.937 2 2 0 0 0-.5 3.937zm-5 3.126a2.001 2.001 0 0 0 .5 3.937 2.001 2.001 0 0 0 .5-3.937v-6.57a.5.5 0 0 0-1 0z"
transform="matrix(0 -.657 .657 0 -52.404 27.046)"
/>
</g>
</svg>
More icons in the same style and category