Add icons to this collection by clicking the heart icon.
Filter icon - also known as education, data, settings, process, processing, cancel, ui, funnel, filter, seo and web, and clear filter. 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 480.19 480.19"
>
<linearGradient
id="a"
x1="-26.78"
x2="-26.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M440.095 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.944L200.095 314.4V472a8 8 0 0 0 13.656 5.656l37.296-37.296c22.241 38.233 71.265 51.196 109.498 28.955s51.196-71.265 28.955-109.498c-22.22-38.196-71.179-51.178-109.405-29.009V314.4L438.751 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-368V16zm160 436.688V320h48v22.928c-.608.592-1.144 1.256-1.728 1.872a77.092 77.092 0 0 0-2.584 2.784c-.976 1.12-1.888 2.272-2.8 3.44a56.31 56.31 0 0 0-2.256 2.992c-.856 1.216-1.6 2.464-2.4 3.728-.656 1.048-1.32 2.08-1.92 3.152-.744 1.312-1.4 2.664-2.064 4-.528 1.08-1.08 2.144-1.6 3.248-.616 1.416-1.136 2.872-1.672 4.328-.4 1.096-.84 2.168-1.192 3.28-.496 1.544-.88 3.128-1.272 4.704-.272 1.064-.592 2.104-.8 3.2-.368 1.768-.608 3.568-.856 5.36-.128.92-.32 1.816-.416 2.736a78.637 78.637 0 0 0-.44 8.248c0 2.4.128 4.752.336 7.096.064.76.176 1.504.264 2.256.192 1.6.408 3.2.688 4.8.152.856.328 1.704.512 2.552.32 1.488.68 2.963 1.08 4.424.232.8.448 1.648.704 2.464.128.4.216.8.344 1.208l-27.928 27.888zm168-52.688c-.034 35.346-28.715 63.973-64.061 63.939-26.118-.025-49.6-15.918-59.331-40.155A62.727 62.727 0 0 1 256.095 400a63.76 63.76 0 0 1 21.328-47.632c26.284-23.594 66.717-21.413 90.311 4.871A63.956 63.956 0 0 1 384.095 400zm-116.28-96h-55.44L63.047 80h354.096L267.815 304z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.78"
x2="-26.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240.095 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.78"
x2="-22.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M272.095 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.78"
x2="-18.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M304.095 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.78"
x2="-14.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M336.095 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.78"
x2="-10.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M368.095 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.78"
x2="-6.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M400.095 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.78"
x2="-30.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M208.095 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.78"
x2="-34.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M176.095 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.78"
x2="-38.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M144.095 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.78"
x2="-42.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112.095 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.78"
x2="-46.78"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M80.095 24a8 8 0 0 0-8 8v16a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-16.786"
x2="-16.786"
y1="558.105"
y2="620.196"
gradientTransform="matrix(8 0 0 -8 454.336 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M280.495 439.6a8 8 0 0 0 11.312 0l28.288-28.288 28.288 28.288a8 8 0 0 0 11.312-.196 8 8 0 0 0 0-11.116L331.407 400l28.288-28.288a8 8 0 0 0-.196-11.312 8 8 0 0 0-11.116 0l-28.288 28.288-28.288-28.288a8 8 0 0 0-11.312.196 8 8 0 0 0 0 11.116L308.783 400l-28.288 28.288a8 8 0 0 0 0 11.312z"
fill="url(#m)"
/>
</svg>
More icons in the same style and category