Color

Advanced editing in SVG Editor

Mage Icons

Filter Icon

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

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: filter sort funnel search refine

The Filter 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/310131.svg" alt="Filter icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 18.605C22 18.8039 21.9209 18.9947 21.7802 19.1353C21.6396 19.276 21.4489 19.355 21.25 19.355H16.15C15.983 19.9779 15.615 20.5283 15.1034 20.9208C14.5917 21.3133 13.9648 21.5261 13.3199 21.5261C12.675 21.5261 12.0481 21.3133 11.5365 20.9208C11.0248 20.5283 10.657 19.9779 10.49 19.355H2.74997C2.55106 19.355 2.36023 19.276 2.21957 19.1353C2.07892 18.9947 1.99997 18.8039 1.99997 18.605C1.99997 18.4061 2.07892 18.2153 2.21957 18.0747C2.36023 17.934 2.55106 17.855 2.74997 17.855H10.49C10.657 17.2321 11.0248 16.6818 11.5365 16.2892C12.0481 15.8967 12.675 15.684 13.3199 15.684C13.9648 15.684 14.5917 15.8967 15.1034 16.2892C15.615 16.6818 15.983 17.2321 16.15 17.855H21.25C21.4489 17.855 21.6396 17.934 21.7802 18.0747C21.9209 18.2153 22 18.4061 22 18.605Z" fill="black"/>
<path d="M22 5.39499C22 5.5939 21.9209 5.78467 21.7802 5.92532C21.6396 6.06598 21.4489 6.14499 21.25 6.14499H18.7999C18.6329 6.76787 18.2651 7.31823 17.7534 7.71075C17.2417 8.10328 16.6148 8.31604 15.9699 8.31604C15.3251 8.31604 14.6982 8.10328 14.1865 7.71075C13.6748 7.31823 13.307 6.76787 13.14 6.14499H2.74997C2.55106 6.14499 2.36023 6.06598 2.21957 5.92532C2.07892 5.78467 1.99997 5.5939 1.99997 5.39499C1.99997 5.19608 2.07892 5.00531 2.21957 4.86465C2.36023 4.724 2.55106 4.64499 2.74997 4.64499H13.14C13.307 4.02211 13.6748 3.47175 14.1865 3.07922C14.6982 2.6867 15.3251 2.47394 15.9699 2.47394C16.6148 2.47394 17.2417 2.6867 17.7534 3.07922C18.2651 3.47175 18.6329 4.02211 18.7999 4.64499H21.25C21.3488 4.64364 21.4469 4.66213 21.5385 4.69934C21.6301 4.73656 21.7134 4.79175 21.7833 4.86166C21.8532 4.93158 21.9084 5.01478 21.9456 5.10638C21.9829 5.19799 22.0013 5.29613 22 5.39499Z" fill="black"/>
<path d="M22 11.995C22.0013 12.0938 21.9829 12.192 21.9456 12.2836C21.9084 12.3752 21.8532 12.4584 21.7833 12.5283C21.7134 12.5982 21.6301 12.6534 21.5385 12.6906C21.4469 12.7278 21.3488 12.7463 21.25 12.745H9.5499C9.38285 13.3679 9.01505 13.9182 8.50339 14.3107C7.99172 14.7033 7.36483 14.916 6.71994 14.916C6.07505 14.916 5.44816 14.7033 4.93649 14.3107C4.42483 13.9182 4.05703 13.3679 3.88998 12.745H2.74997C2.55106 12.745 2.36023 12.666 2.21957 12.5253C2.07892 12.3846 1.99997 12.1939 1.99997 11.995C1.99997 11.7961 2.07892 11.6053 2.21957 11.4646C2.36023 11.324 2.55106 11.245 2.74997 11.245H3.88998C4.05703 10.6221 4.42483 10.0717 4.93649 9.6792C5.44816 9.28667 6.07505 9.07391 6.71994 9.07391C7.36483 9.07391 7.99172 9.28667 8.50339 9.6792C9.01505 10.0717 9.38285 10.6221 9.5499 11.245H21.25C21.4489 11.245 21.6396 11.324 21.7802 11.4646C21.9209 11.6053 22 11.7961 22 11.995Z" fill="black"/>
</svg>

Filter in other icon packs

Feather Icons

Bootstrap Icons

Carbon Icons

Ionicons

Basicons

Forge Icons

Hicon

Rivet Icons

Copied!

Filter Icon

More from Mage Icons

Filter in other icon packs