Color

Advanced editing in SVG Editor

Mage Icons

Filter Square 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
Style: Outline
Tags: filter square sort funnel search refine

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

React JSX

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

Vue template

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

CSS background

.icon-filter-square {
  background-image: url('https://proicons.com/icon/310721.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">
<rect x="2.75" y="2.75" width="18.5" height="18.5" rx="6" stroke="black" stroke-width="1.5"/>
<path d="M17.75 8.80515H16.3125" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.7188 8.80515H6.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.75 15.1948H11.2812" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.6875 15.1948H6.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.48438 16.9917C10.4768 16.9917 11.2812 16.1872 11.2812 15.1948C11.2812 14.2024 10.4768 13.3979 9.48438 13.3979C8.49199 13.3979 7.6875 14.2024 7.6875 15.1948C7.6875 16.1872 8.49199 16.9917 9.48438 16.9917Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.5156 10.602C15.508 10.602 16.3125 9.79753 16.3125 8.80515C16.3125 7.81276 15.508 7.00827 14.5156 7.00827C13.5232 7.00827 12.7188 7.81276 12.7188 8.80515C12.7188 9.79753 13.5232 10.602 14.5156 10.602Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Filter Square in other icon packs

Bootstrap Icons

Iconsax

Iconsax Filled

Iconsax

Iconsax Outline

Iconsax

Copied!

Filter Square Icon

More from Mage Icons

Filter Square in other icon packs