Add icons to this collection by clicking the heart icon.
Filter icon - also known as interface, ui, funnel, filter, and sort. Created in a clean lineal color 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 24 24"
>
<linearGradient
id="a"
x1="18.422"
x2="5.728"
y1="17.336"
y2="4.643"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#60efff" />
<stop offset=".117" stop-color="#5ff1f2" />
<stop offset=".503" stop-color="#5ef6ca" />
<stop offset=".811" stop-color="#5cf9b2" />
<stop offset="1" stop-color="#5cfaa9" />
</linearGradient>
<path
fill="url(#a)"
d="M14.11 21.594A2 2 0 0 0 15 19.93v-4.273a4 4 0 0 1 1.172-2.829l2.656-2.656A4 4 0 0 0 20 7.343V5H6.34A2.34 2.34 0 0 0 4 7.34v.003a4 4 0 0 0 1.172 2.829l2.656 2.656A4 4 0 0 1 9 15.657V21a2 2 0 0 0 2 2h.395a2 2 0 0 0 1.109-.336z"
/>
<g fill="#212529">
<path
d="M16 0H8a5.006 5.006 0 0 0-5 5v2.343a4.968 4.968 0 0 0 1.465 3.535l2.656 2.658A3.02 3.02 0 0 1 8 15.656V21a3.003 3.003 0 0 0 3 3h.395a2.984 2.984 0 0 0 1.664-.504l1.605-1.07A2.993 2.993 0 0 0 16 19.93v-4.273a3.02 3.02 0 0 1 .879-2.121l2.656-2.657A4.968 4.968 0 0 0 21 7.343V5a5.006 5.006 0 0 0-5-5zM8 2h8a2.995 2.995 0 0 1 2.816 2H6.34a3.313 3.313 0 0 0-1.23.242A2.997 2.997 0 0 1 8 2zm11 5.343a3.02 3.02 0 0 1-.879 2.121l-2.656 2.658A4.968 4.968 0 0 0 14 15.657v4.273a.997.997 0 0 1-.445.832l-1.607 1.07a.995.995 0 0 1-.554.168H11a1 1 0 0 1-1-1v-5.343a4.968 4.968 0 0 0-1.465-3.535L5.88 9.464A3.022 3.022 0 0 1 5 7.34 1.341 1.341 0 0 1 6.34 6H19z"
/>
<path d="M13 10h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category