Add icons to this collection by clicking the heart icon.
Filter icon - also known as coffee, hot drink, coffee shop, filter, food and restaurant, furniture and household, and coffee 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.095 480.095"
>
<linearGradient
id="a"
x1="-26.786"
x2="-26.786"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472.095 84.059h-224a8 8 0 0 0-8 8v8h-67.408C159.432 53.3 110.781 26.14 64.023 39.395S-9.896 101.3 3.359 148.059s61.905 73.919 108.664 60.664a88 88 0 0 0 60.664-60.664h67.408v8a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-384 112c-39.765 0-72-32.236-72-72s32.235-72 72-72 72 32.235 72 72c-.049 39.744-32.256 71.951-72 72zm88-64v-16h64v16h-64zm288 16h-208v-48h208v48z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.78"
x2="-26.78"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472.095 316.059h-224a8 8 0 0 0-8 8v8h-56a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-176a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h1.496a87.425 87.425 0 0 0 56.376 66.68 47.914 47.914 0 0 0-17.872 37.32 8 8 0 0 0 16 0c.055-14.547 9.915-27.227 24-30.864v6.864a8 8 0 0 0 16 0v-6.864c14.085 3.637 23.945 16.317 24 30.864a8 8 0 0 0 16 0 47.903 47.903 0 0 0-17.944-37.368 87.747 87.747 0 0 0 30.176-18.632h83.768v8a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-456-16h160v16h-160v-16zm9.776 32h140.424a74.683 74.683 0 0 1-1.512 5.6c-11.9 37.942-52.305 59.053-90.247 47.153a72 72 0 0 1-48.665-52.753zm143.96 32c.328-.496.584-1.04.896-1.544.672-1.08 1.288-2.192 1.92-3.304a85.536 85.536 0 0 0 2.776-5.304 79.11 79.11 0 0 0 1.6-3.56c.328-.8.728-1.504 1.04-2.288h62.032v16h-70.264zm294.264 16h-208v-48h208v48z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-45.78"
x2="-45.78"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M96.095 76.059v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 16 0z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-49.031"
x2="-49.031"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M57.167 86.459a7.998 7.998 0 0 0 6.936 4 7.885 7.885 0 0 0 4-1.08 8 8 0 0 0 2.928-10.92l-4-6.928a8 8 0 1 0-13.909 7.909l.053.092 3.992 6.927z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-51.409"
x2="-51.409"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m35.599 102.987 6.928 4a8 8 0 0 0 8-13.856l-6.928-4a8 8 0 0 0-8 13.856z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-52.28"
x2="-52.28"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M40.095 116.059h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-51.415"
x2="-51.415"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M53.447 144.059a8 8 0 0 0-10.924-2.944l-.028.016-6.928 4a8 8 0 1 0 7.909 13.909l.092-.053 6.928-4a8 8 0 0 0 2.951-10.928z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-49.032"
x2="-49.032"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M68.095 158.707a8 8 0 0 0-10.928 2.92l-4 6.928a8 8 0 1 0 13.803 8.091l.053-.092 4-6.928a8 8 0 0 0-2.928-10.919z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-45.78"
x2="-45.78"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M80.095 172.059v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-16 0z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-42.527"
x2="-42.527"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M119.023 161.659a8 8 0 0 0-13.856 8l4 6.928a8 8 0 1 0 13.909-7.909l-.053-.092-4-6.927z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-40.146"
x2="-40.146"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m140.591 145.131-6.928-4a8 8 0 0 0-8 13.856l6.928 4a8 8 0 1 0 8-13.856z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-39.28"
x2="-39.28"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M144.095 116.059h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-40.148"
x2="-40.148"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M122.743 104.059a8 8 0 0 0 10.92 2.928l6.928-4a8 8 0 1 0-7.909-13.909l-.092.053-6.928 4a8 8 0 0 0-2.919 10.928z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-42.528"
x2="-42.528"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M108.095 89.411a7.865 7.865 0 0 0 4 1.08 7.998 7.998 0 0 0 6.936-4l4-6.928a8 8 0 1 0-13.803-8.091l-.053.092-4 6.928a7.999 7.999 0 0 0 2.92 10.919z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-48.14"
x2="-48.14"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M60.783 96.747a8 8 0 0 0 0 11.312l5.656 5.656a8 8 0 0 0 11.312-11.312l-5.656-5.656a8 8 0 0 0-11.312 0z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-49.28"
x2="-49.28"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M64.095 116.059h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-48.14"
x2="-48.14"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M77.751 134.403a8 8 0 0 0-11.312 0l-5.656 5.656a8 8 0 1 0 11.312 11.312l5.656-5.656a8 8 0 0 0 0-11.312z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-45.78"
x2="-45.78"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M80.095 148.059v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-16 0z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-43.421"
x2="-43.421"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M115.407 151.371a8 8 0 0 0 0-11.312l-5.656-5.656a8 8 0 0 0-11.312 11.312l5.656 5.656a8 8 0 0 0 11.312 0z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-42.28"
x2="-42.28"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M120.095 116.059h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-43.421"
x2="-43.421"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M98.439 113.715a8 8 0 0 0 11.312 0l5.656-5.656a8 8 0 1 0-11.312-11.312l-5.656 5.656a8 8 0 0 0 0 11.312z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-45.78"
x2="-45.78"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M96.095 100.059v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 16 0z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-45.78"
x2="-45.78"
y1="566.154"
y2="618.284"
gradientTransform="matrix(8 0 0 -8 454.338 4977.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M96.095 116.059a8 8 0 0 0-16 0 8 8 0 0 0 0 16 8 8 0 0 0 16 0 8 8 0 0 0 0-16z"
fill="url(#w)"
/>
</svg>
More icons in the same style and category