Add icons to this collection by clicking the heart icon.
Filter icon - also known as education, tool, ui, funnel, filter, filtering, and seo and web. Created in a clean 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="100"
height="100"
viewBox="0 0 479.998 479.998"
>
<linearGradient
id="a"
x1="-26.876"
x2="-26.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M439.999 8a8 8 0 0 0-8-8h-384a8 8 0 0 0-8 8v64.144a8.02 8.02 0 0 0 .544 2.72c.088.224.208.416.312.632.129.325.282.641.456.944L199.999 314.4V472a8 8 0 0 0 13.656 5.656l64-64a8 8 0 0 0 2.344-5.656v-93.6L438.655 76.44c.174-.303.327-.619.456-.944.104-.216.224-.408.312-.632a8.02 8.02 0 0 0 .544-2.72V72l.032-64zm-384 8h368v48h-368V16zm208 388.688-48 48V320h48v84.688zM267.719 304h-55.44L62.951 80h354.096L267.719 304z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.876"
x2="-26.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M239.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-22.876"
x2="-22.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M271.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-18.876"
x2="-18.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M303.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-14.876"
x2="-14.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M335.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-10.876"
x2="-10.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M367.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-6.876"
x2="-6.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M399.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-30.876"
x2="-30.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M207.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-34.876"
x2="-34.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M175.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-38.876"
x2="-38.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M143.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-42.876"
x2="-42.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M111.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-46.876"
x2="-46.876"
y1="559.752"
y2="617.843"
gradientTransform="matrix(8 0 0 -8 455.006 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M79.999 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category