Minimize 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: minimize collapse reduce window screen

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

React JSX

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

Vue template

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

CSS background

.icon-minimize {
  background-image: url('https://proicons.com/icon/310865.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="M8.53125 21.25V17.7812C8.53125 17.1679 8.28761 16.5797 7.85393 16.1461C7.42026 15.7124 6.83206 15.4688 6.21875 15.4688H2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.4688 21.25V17.7812C15.4688 17.1679 15.7124 16.5797 16.1461 16.1461C16.5797 15.7124 17.1679 15.4687 17.7812 15.4688H21.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.53125 2.75V6.21875C8.53125 6.83206 8.28761 7.42026 7.85393 7.85393C7.42026 8.28761 6.83206 8.53125 6.21875 8.53125H2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.25 8.53125H17.7812C17.1679 8.53125 16.5797 8.28761 16.1461 7.85393C15.7124 7.42026 15.4688 6.83206 15.4688 6.21875V2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>