minimize square icon

minimize-square-bold from Solar by 480 Design · Bold · Arrows Action · CC-BY-4.0 Attribution required.

Name
minimize-square-bold
Set
Solar
Style
Bold
Category
Arrows Action
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

minimize-square-bold-duotoneminimize-square-brokenminimize-square-line-duotoneminimize-square-linearminimize-square-outline

More arrows action icons from Solar

arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-bold

Use the minimize square icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.134 2 18.4553 2 19.9517 2.98767L14.75 8.18934V6.25C14.75 5.83579 14.4142 5.5 14 5.5C13.5858 5.5 13.25 5.83579 13.25 6.25V10C13.25 10.4142 13.5858 10.75 14 10.75H17.75C18.1642 10.75 18.5 10.4142 18.5 10C18.5 9.58579 18.1642 9.25 17.75 9.25H15.8107L21.0123 4.04832C22 5.54466 22 7.866 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.866 22 5.54466 22 4.04833 21.0123L9.25 15.8107V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V14C10.75 13.5858 10.4142 13.25 10 13.25H6.25C5.83579 13.25 5.5 13.5858 5.5 14C5.5 14.4142 5.83579 14.75 6.25 14.75H8.18934L2.98767 19.9517C2 18.4553 2 16.134 2 12Z"/></svg>

React

import type { SVGProps } from "react";

export function SolarMinimizeSquareBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.134 2 18.4553 2 19.9517 2.98767L14.75 8.18934V6.25C14.75 5.83579 14.4142 5.5 14 5.5C13.5858 5.5 13.25 5.83579 13.25 6.25V10C13.25 10.4142 13.5858 10.75 14 10.75H17.75C18.1642 10.75 18.5 10.4142 18.5 10C18.5 9.58579 18.1642 9.25 17.75 9.25H15.8107L21.0123 4.04832C22 5.54466 22 7.866 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.866 22 5.54466 22 4.04833 21.0123L9.25 15.8107V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V14C10.75 13.5858 10.4142 13.25 10 13.25H6.25C5.83579 13.25 5.5 13.5858 5.5 14C5.5 14.4142 5.83579 14.75 6.25 14.75H8.18934L2.98767 19.9517C2 18.4553 2 16.134 2 12Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.134 2 18.4553 2 19.9517 2.98767L14.75 8.18934V6.25C14.75 5.83579 14.4142 5.5 14 5.5C13.5858 5.5 13.25 5.83579 13.25 6.25V10C13.25 10.4142 13.5858 10.75 14 10.75H17.75C18.1642 10.75 18.5 10.4142 18.5 10C18.5 9.58579 18.1642 9.25 17.75 9.25H15.8107L21.0123 4.04832C22 5.54466 22 7.866 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.866 22 5.54466 22 4.04833 21.0123L9.25 15.8107V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V14C10.75 13.5858 10.4142 13.25 10 13.25H6.25C5.83579 13.25 5.5 13.5858 5.5 14C5.5 14.4142 5.83579 14.75 6.25 14.75H8.18934L2.98767 19.9517C2 18.4553 2 16.134 2 12Z"/></svg>
</template>

CSS

.icon-minimize-square-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.134%202%2018.4553%202%2019.9517%202.98767L14.75%208.18934V6.25C14.75%205.83579%2014.4142%205.5%2014%205.5C13.5858%205.5%2013.25%205.83579%2013.25%206.25V10C13.25%2010.4142%2013.5858%2010.75%2014%2010.75H17.75C18.1642%2010.75%2018.5%2010.4142%2018.5%2010C18.5%209.58579%2018.1642%209.25%2017.75%209.25H15.8107L21.0123%204.04832C22%205.54466%2022%207.866%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.866%2022%205.54466%2022%204.04833%2021.0123L9.25%2015.8107V17.75C9.25%2018.1642%209.58579%2018.5%2010%2018.5C10.4142%2018.5%2010.75%2018.1642%2010.75%2017.75V14C10.75%2013.5858%2010.4142%2013.25%2010%2013.25H6.25C5.83579%2013.25%205.5%2013.5858%205.5%2014C5.5%2014.4142%205.83579%2014.75%206.25%2014.75H8.18934L2.98767%2019.9517C2%2018.4553%202%2016.134%202%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.134%202%2018.4553%202%2019.9517%202.98767L14.75%208.18934V6.25C14.75%205.83579%2014.4142%205.5%2014%205.5C13.5858%205.5%2013.25%205.83579%2013.25%206.25V10C13.25%2010.4142%2013.5858%2010.75%2014%2010.75H17.75C18.1642%2010.75%2018.5%2010.4142%2018.5%2010C18.5%209.58579%2018.1642%209.25%2017.75%209.25H15.8107L21.0123%204.04832C22%205.54466%2022%207.866%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.866%2022%205.54466%2022%204.04833%2021.0123L9.25%2015.8107V17.75C9.25%2018.1642%209.58579%2018.5%2010%2018.5C10.4142%2018.5%2010.75%2018.1642%2010.75%2017.75V14C10.75%2013.5858%2010.4142%2013.25%2010%2013.25H6.25C5.83579%2013.25%205.5%2013.5858%205.5%2014C5.5%2014.4142%205.83579%2014.75%206.25%2014.75H8.18934L2.98767%2019.9517C2%2018.4553%202%2016.134%202%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/minimize-square-bold.svg?color=%231a73e8&size=48