Add icons to this collection by clicking the heart icon.
Filter icon - also known as coffee, hot drink, coffee shop, filter, and food and restaurant. Created in a clean flat style with a white, yellow, teal, purple, orange, and pink finish, 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 512 512"
>
<circle cx="256" cy="256" r="256" fill="#b02e64" />
<path
d="M512 256c0-31.337-5.641-61.353-15.945-89.104L396.76 67.602l-22.862 22.862c-25.718-11.981-55.538-12.214-81.432-.744l-23.735-23.735-50.075 50.075 23.735 23.735c-13.166 29.722-10.883 64.612 6.85 92.535l-21.023 21.023-3.191-3.191-26.141 26.141c-19.375 6.743-43.04 22.369-65.013 44.343-39.319 39.319-58.326 84.061-42.453 99.934l75.959 75.659C194.995 506.429 224.846 512 256 512c141.385 0 256-114.615 256-256z"
fill="#752a58"
/>
<path
d="M231.786 242.451h43.03v32.464h-43.03z"
transform="rotate(-134.999 253.302 258.685)"
fill="#fff5cb"
/>
<path
d="M244.679 255.538h32.47v21.52h-32.47z"
transform="rotate(134.999 260.915 266.298)"
fill="#ffed97"
/>
<path
d="M374.477 86.27h67.369v35.11h-67.369z"
transform="rotate(-134.999 408.163 103.826)"
fill="#ffdb2d"
/>
<path
d="M402.513 98.903h35.11v33.69h-35.11z"
transform="rotate(134.999 420.07 115.748)"
fill="#fec000"
/>
<path
d="M221.33 85.628h70.815v36.904H221.33z"
transform="rotate(134.999 256.74 104.08)"
fill="#ffdb2d"
/>
<path
d="M372.514 236.808h70.815v36.904h-70.815z"
transform="rotate(134.999 407.924 255.26)"
fill="#fec000"
/>
<circle cx="332.34" cy="179.66" r="98.39" fill="#c6ce1b" />
<path
d="M401.897 249.233c-38.417 38.417-100.706 38.424-139.13 0l139.137-139.137c38.425 38.424 38.418 100.713-.007 139.137z"
fill="#00a753"
/>
<circle cx="332.34" cy="179.66" r="77.2" fill="#fff5cb" />
<path
d="M386.921 234.257c-30.144 30.144-79.026 30.151-109.177 0l109.184-109.184c30.151 30.15 30.144 79.032-.007 109.184z"
fill="#ffed97"
/>
<circle cx="372.79" cy="139.21" r="7.087" fill="#ffdb2d" />
<circle cx="291.88" cy="220.12" r="7.087" fill="#ffdb2d" />
<circle cx="332.34" cy="148.88" r="7.01" fill="#ffdb2d" />
<circle cx="332.34" cy="210.44" r="7.01" fill="#fec000" />
<circle cx="363.12" cy="179.66" r="7.01" fill="#fec000" />
<circle cx="301.56" cy="179.66" r="7.01" fill="#ffdb2d" />
<circle cx="354.1" cy="157.9" r="7.01" fill="#ffdb2d" />
<circle cx="310.57" cy="201.43" r="7.01" fill="#ffdb2d" />
<circle cx="354.1" cy="201.43" r="7.01" fill="#fec000" />
<circle cx="310.57" cy="157.9" r="7.01" fill="#ffdb2d" />
<circle cx="372.79" cy="220.12" r="7.087" fill="#fec000" />
<circle cx="291.88" cy="139.21" r="7.087" fill="#ffdb2d" />
<circle cx="317.82" cy="124.33" r="7.087" fill="#ffdb2d" />
<circle cx="346.85" cy="235" r="7.087" fill="#fec000" />
<circle cx="277" cy="194.18" r="7.087" fill="#ffdb2d" />
<circle cx="387.68" cy="165.15" r="7.087" fill="#fec000" />
<circle cx="387.68" cy="194.18" r="7.087" fill="#fec000" />
<circle cx="277" cy="165.15" r="7.087" fill="#ffdb2d" />
<circle cx="317.82" cy="235" r="7.087" fill="#fec000" />
<circle cx="346.85" cy="124.33" r="7.087" fill="#ffdb2d" />
<path
d="m235.697 313.112 26.141-26.141-36.81-36.81-26.141 26.141c-19.375 6.743-43.04 22.37-65.013 44.343-39.319 39.319-58.326 84.061-42.453 99.934s60.615-3.134 99.934-42.453c21.973-21.973 37.599-45.638 44.342-65.014z"
fill="#ffdb2d"
/>
<path
d="M191.349 378.125c-39.315 39.315-84.054 58.329-99.928 42.455l152.014-152.014 18.406 18.406-26.142 26.142c-6.746 19.374-22.373 43.033-44.35 65.011zM377.806 144.221a7.09 7.09 0 0 1-10.027 0l10.02-10.02c2.765 2.765 2.772 7.255.007 10.02zM296.892 225.135c-2.765 2.765-7.255 2.758-10.02-.007l10.02-10.02a7.09 7.09 0 0 1 0 10.027zM359.061 162.853a7.014 7.014 0 0 1-9.921.007l9.921-9.921a7.013 7.013 0 0 1 0 9.914zM315.524 206.389a7.013 7.013 0 0 1-9.914 0l9.921-9.921a7.014 7.014 0 0 1-.007 9.921z"
fill="#fec000"
/>
</svg>
More icons in the same style and category