Filtering Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: filtering

The Filtering icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/321059.svg" alt="Filtering icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/321059.svg" alt="Filtering icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/321059.svg"
  alt="Filtering icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-filtering {
  background-image: url('https://proicons.com/icon/321059.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="320" height="180" viewBox="0 0 320 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_0_3043)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.7969 50.2414H216.106V31H235V50.2414L235.203 139H84.9999L84.7969 50.2414Z" fill="#F3F3F3"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229.042 37.7791H227.616C227.484 37.1237 226.911 36.6527 226.246 36.6527C225.582 36.6527 225.009 37.1237 224.876 37.7791H221.214V38.3416H224.876C225.009 38.997 225.582 39.468 226.246 39.468C226.911 39.468 227.484 38.997 227.616 38.3416H229.042V37.7791ZM226.246 38.9041C225.783 38.9041 225.408 38.5263 225.408 38.0603C225.408 37.5944 225.783 37.2166 226.246 37.2166C226.71 37.2166 227.085 37.5944 227.085 38.0603C227.085 38.5263 226.71 38.9041 226.246 38.9041ZM221.214 42.8416H222.64C222.772 43.497 223.345 43.968 224.01 43.968C224.675 43.968 225.247 43.497 225.38 42.8416H229.042V42.2791H225.38C225.247 41.6237 224.675 41.1527 224.01 41.1527C223.345 41.1527 222.772 41.6237 222.64 42.2791H221.214V42.8416ZM223.171 42.5603C223.171 42.0944 223.547 41.7166 224.01 41.7166C224.473 41.7166 224.849 42.0944 224.849 42.5603C224.849 43.0263 224.473 43.4041 224.01 43.4041C223.547 43.4041 223.171 43.0263 223.171 42.5603Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M251.203 40.5353V40.0853L251.762 39.6353C251.986 39.4666 251.986 39.1291 251.874 38.9041L251.203 37.7791C251.091 37.6103 250.924 37.4978 250.7 37.4978C250.644 37.4978 250.588 37.4978 250.532 37.5541L249.861 37.7791C249.819 37.7582 249.778 37.7294 249.733 37.6987C249.658 37.6469 249.575 37.5894 249.47 37.5541L249.302 36.8228C249.302 36.5416 249.078 36.3728 248.799 36.3728H247.457C247.177 36.3728 246.953 36.5416 246.897 36.8228L246.786 37.5541C246.618 37.6103 246.506 37.6666 246.394 37.7228L245.723 37.4978H245.555C245.332 37.4978 245.164 37.6103 245.052 37.7791L244.381 38.9041C244.269 39.1291 244.325 39.4103 244.549 39.6353L245.052 40.1416V40.5916L244.549 40.9853C244.325 41.1541 244.269 41.4916 244.437 41.7166L245.108 42.8416C245.164 43.0103 245.332 43.1228 245.555 43.1228C245.611 43.1228 245.667 43.1228 245.723 43.0666L246.394 42.8416C246.436 42.8625 246.477 42.8913 246.522 42.922C246.597 42.9738 246.68 43.0313 246.786 43.0666L246.953 43.7978C247.009 44.0791 247.233 44.2478 247.513 44.2478H248.855C249.134 44.2478 249.358 44.0791 249.414 43.7978L249.581 43.0666L249.581 43.0666C249.693 43.0103 249.805 42.9541 249.973 42.8416L250.644 43.0666C250.672 43.0666 250.7 43.0807 250.728 43.0947C250.756 43.1088 250.784 43.1228 250.812 43.1228C251.035 43.1228 251.203 43.0103 251.315 42.8416L251.93 41.7166C252.042 41.4916 252.042 41.2103 251.818 40.9853L251.203 40.5353ZM246.554 40.3978C246.554 41.3541 247.281 42.0853 248.231 42.0853C249.182 42.0853 249.909 41.2978 249.909 40.3978C249.909 39.4416 249.182 38.7103 248.231 38.7103C247.281 38.7103 246.554 39.4416 246.554 40.3978ZM247.113 40.3416C247.113 39.7228 247.617 39.2728 248.232 39.2728C248.903 39.2728 249.35 39.7791 249.35 40.3978V40.4541C249.35 41.0728 248.847 41.5228 248.232 41.5228H248.176C247.561 41.5228 247.113 41.0166 247.113 40.3978V40.3416ZM249.749 42.2228L250.7 42.5603L251.371 41.4353L250.588 40.7603C250.644 40.4791 250.644 40.1416 250.588 39.8603L251.371 39.1853L250.7 38.0603L249.805 38.3978C249.727 38.3506 249.653 38.3034 249.581 38.2574C249.396 38.1391 249.224 38.0289 249.022 37.9478L248.799 36.9353H247.457L247.289 37.9478C247.009 38.0603 246.73 38.1728 246.506 38.3978L245.555 38.0603L244.884 39.1853L245.667 39.8603C245.611 40.1416 245.611 40.4791 245.667 40.7603L244.884 41.4353L245.555 42.5603L246.45 42.2228C246.528 42.2701 246.602 42.3173 246.674 42.3633C246.859 42.4816 247.032 42.5918 247.233 42.6728L247.457 43.6853H248.799L248.966 42.6728C249.246 42.5603 249.526 42.3916 249.749 42.2228Z" fill="black"/>
<rect x="160" y="59" width="1" height="54" fill="#E0E0E0"/>
<rect x="84" y="121" width="152" height="18" fill="#0F62FE"/>
<rect x="84" y="121" width="75.2688" height="18" fill="#393939"/>
<rect x="160" y="121" width="1" height="19" fill="#F4F4F4"/>
<rect x="106" y="70.5" width="33" height="3" fill="#A8A8A8"/>
<rect x="182" y="70.5" width="33" height="3" fill="#A8A8A8"/>
<rect x="93" y="58.5" width="27" height="3" fill="#C6C6C6"/>
<rect x="169" y="58.5" width="27" height="3" fill="#C6C6C6"/>
<rect x="106" y="84.5" width="27" height="3" fill="#A8A8A8"/>
<rect x="182" y="84.5" width="27" height="3" fill="#A8A8A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M101.125 68.25H94.875C94.5298 68.25 94.25 68.5298 94.25 68.875V75.125C94.25 75.4702 94.5298 75.75 94.875 75.75H101.125C101.47 75.75 101.75 75.4702 101.75 75.125V68.875C101.75 68.5298 101.47 68.25 101.125 68.25ZM97.375 73.7188L95.8125 72.1562L96.3094 71.6875L97.375 72.7344L99.6906 70.4375L100.188 70.9313L97.375 73.7188Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M177.125 68.25H170.875C170.53 68.25 170.25 68.5298 170.25 68.875V75.125C170.25 75.4702 170.53 75.75 170.875 75.75H177.125C177.47 75.75 177.75 75.4702 177.75 75.125V68.875C177.75 68.5298 177.47 68.25 177.125 68.25ZM173.375 73.7188L171.812 72.1562L172.309 71.6875L173.375 72.7344L175.691 70.4375L176.188 70.9313L173.375 73.7188Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M101.125 82.25H94.875C94.5298 82.25 94.25 82.5298 94.25 82.875V89.125C94.25 89.4702 94.5298 89.75 94.875 89.75H101.125C101.47 89.75 101.75 89.4702 101.75 89.125V82.875C101.75 82.5298 101.47 82.25 101.125 82.25ZM94.875 89.125V82.875H101.125V89.125H94.875Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M177.125 82.25H170.875C170.53 82.25 170.25 82.5298 170.25 82.875V89.125C170.25 89.4702 170.53 89.75 170.875 89.75H177.125C177.47 89.75 177.75 89.4702 177.75 89.125V82.875C177.75 82.5298 177.47 82.25 177.125 82.25ZM170.875 89.125V82.875H177.125V89.125H170.875Z" fill="black"/>
<rect x="106" y="98.5" width="33" height="3" fill="#A8A8A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M101.125 96.25H94.875C94.5298 96.25 94.25 96.5298 94.25 96.875V103.125C94.25 103.47 94.5298 103.75 94.875 103.75H101.125C101.47 103.75 101.75 103.47 101.75 103.125V96.875C101.75 96.5298 101.47 96.25 101.125 96.25ZM94.875 103.125V96.875H101.125V103.125H94.875Z" fill="black"/>
<defs>
<filter id="filter0_d_0_3043" x="79.7969" y="28" width="160.406" height="118" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_3043"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_3043" result="shape"/>
</filter>
</defs>
</svg>

Filtering in other icon packs

System UIcons

Copied!

Filtering Icon

More from Carbon Icons

Filtering in other icon packs