Minimize Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
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>
Minimize in other icon packs
Copied!