Filter Square

By The Bootstrap Authors in Bootstrap Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 16 16">
  <g fill="currentColor">
    <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
    <path d="M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
  </g>
</svg>


Filter Square Icons examples

See what this icon looks like in some mockup designs
Filter SquareHome

Related icons in Bootstrap Icons

copy save
0-circle
copy save
0-circle-fill
copy save
0-square
copy save
0-square-fill
copy save
1-circle
copy save
1-circle-fill
copy save
1-square
copy save
1-square-fill
copy save
123
copy save
2-circle
copy save
2-circle-fill
copy save
2-square
copy save
2-square-fill
copy save
3-circle
copy save
3-circle-fill
copy save
3-square
copy save
3-square-fill
copy save
4-circle
copy save
4-circle-fill
copy save
4-square