grid 2x2 close icon

grid-2x2-close-bold-duotone from Solar by 480 Design · Bold Duotone · Settings · CC-BY-4.0 Attribution required.

Name
grid-2x2-close-bold-duotone
Set
Solar
Style
Bold Duotone
Category
Settings
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

grid-2x2-close-boldgrid-2x2-close-brokengrid-2x2-close-line-duotonegrid-2x2-close-lineargrid-2x2-close-outline

More settings icons from Solar

columns-2-boldcolumns-3-boldcolumns-3-cog-boldcolumns-4-boldcontainer-boldgrid-2x2-add-boldgrid-2x2-boldgrid-2x2-check-boldgrid-3x3-boldloader-boldsettings-boldsettings-minimalistic-boldtuning-2-boldtuning-3-boldtuning-4-boldtuning-boldtuning-square-2-boldtuning-square-boldwidget-2-boldwidget-3-boldwidget-4-boldwidget-5-boldwidget-6-boldwidget-add-bold

Use the grid 2x2 close icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 2.00098V11.2451H21.999C21.9993 11.4898 22 11.7414 22 12C22 12.2552 21.9993 12.5035 21.999 12.7451H12.75V21.998C12.5068 21.9983 12.2569 22 12 22C11.7431 22 11.4932 21.9983 11.25 21.998V12.7451H2.00098C2.00074 12.5035 2 12.2552 2 12C2 11.7414 2.00073 11.4898 2.00098 11.2451H11.25V2.00098C11.4932 2.00074 11.7431 2 12 2C12.2569 2 12.5068 2.00074 12.75 2.00098Z"/><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22L12.0049 11.9951H22C22 7.28433 21.9995 4.92843 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z" opacity=".5"/><path d="M19.0916 14.8483L17.5006 16.4393L15.9096 14.8483C15.6167 14.5555 15.1418 14.5555 14.8489 14.8483C14.556 15.1412 14.556 15.6161 14.8489 15.909L16.4399 17.5L14.8489 19.091C14.556 19.3839 14.556 19.8588 14.8489 20.1517C15.1418 20.4445 15.6167 20.4445 15.9096 20.1517L17.5006 18.5607L19.0916 20.1517C19.3844 20.4445 19.8593 20.4445 20.1522 20.1517C20.4451 19.8588 20.4451 19.3839 20.1522 19.091L18.5612 17.5L20.1522 15.909C20.4451 15.6161 20.4451 15.1412 20.1522 14.8483C19.8593 14.5555 19.3844 14.5555 19.0916 14.8483Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarGrid2x2CloseBoldDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 2.00098V11.2451H21.999C21.9993 11.4898 22 11.7414 22 12C22 12.2552 21.9993 12.5035 21.999 12.7451H12.75V21.998C12.5068 21.9983 12.2569 22 12 22C11.7431 22 11.4932 21.9983 11.25 21.998V12.7451H2.00098C2.00074 12.5035 2 12.2552 2 12C2 11.7414 2.00073 11.4898 2.00098 11.2451H11.25V2.00098C11.4932 2.00074 11.7431 2 12 2C12.2569 2 12.5068 2.00074 12.75 2.00098Z"/><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22L12.0049 11.9951H22C22 7.28433 21.9995 4.92843 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z" opacity=".5"/><path d="M19.0916 14.8483L17.5006 16.4393L15.9096 14.8483C15.6167 14.5555 15.1418 14.5555 14.8489 14.8483C14.556 15.1412 14.556 15.6161 14.8489 15.909L16.4399 17.5L14.8489 19.091C14.556 19.3839 14.556 19.8588 14.8489 20.1517C15.1418 20.4445 15.6167 20.4445 15.9096 20.1517L17.5006 18.5607L19.0916 20.1517C19.3844 20.4445 19.8593 20.4445 20.1522 20.1517C20.4451 19.8588 20.4451 19.3839 20.1522 19.091L18.5612 17.5L20.1522 15.909C20.4451 15.6161 20.4451 15.1412 20.1522 14.8483C19.8593 14.5555 19.3844 14.5555 19.0916 14.8483Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.75 2.00098V11.2451H21.999C21.9993 11.4898 22 11.7414 22 12C22 12.2552 21.9993 12.5035 21.999 12.7451H12.75V21.998C12.5068 21.9983 12.2569 22 12 22C11.7431 22 11.4932 21.9983 11.25 21.998V12.7451H2.00098C2.00074 12.5035 2 12.2552 2 12C2 11.7414 2.00073 11.4898 2.00098 11.2451H11.25V2.00098C11.4932 2.00074 11.7431 2 12 2C12.2569 2 12.5068 2.00074 12.75 2.00098Z"/><path d="M3.46447 20.5355C4.92893 22 7.28595 22 12 22L12.0049 11.9951H22C22 7.28433 21.9995 4.92843 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355Z" opacity=".5"/><path d="M19.0916 14.8483L17.5006 16.4393L15.9096 14.8483C15.6167 14.5555 15.1418 14.5555 14.8489 14.8483C14.556 15.1412 14.556 15.6161 14.8489 15.909L16.4399 17.5L14.8489 19.091C14.556 19.3839 14.556 19.8588 14.8489 20.1517C15.1418 20.4445 15.6167 20.4445 15.9096 20.1517L17.5006 18.5607L19.0916 20.1517C19.3844 20.4445 19.8593 20.4445 20.1522 20.1517C20.4451 19.8588 20.4451 19.3839 20.1522 19.091L18.5612 17.5L20.1522 15.909C20.4451 15.6161 20.4451 15.1412 20.1522 14.8483C19.8593 14.5555 19.3844 14.5555 19.0916 14.8483Z"/></g></svg>
</template>

CSS

.icon-grid-2x2-close-bold-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%202.00098V11.2451H21.999C21.9993%2011.4898%2022%2011.7414%2022%2012C22%2012.2552%2021.9993%2012.5035%2021.999%2012.7451H12.75V21.998C12.5068%2021.9983%2012.2569%2022%2012%2022C11.7431%2022%2011.4932%2021.9983%2011.25%2021.998V12.7451H2.00098C2.00074%2012.5035%202%2012.2552%202%2012C2%2011.7414%202.00073%2011.4898%202.00098%2011.2451H11.25V2.00098C11.4932%202.00074%2011.7431%202%2012%202C12.2569%202%2012.5068%202.00074%2012.75%202.00098Z%22%2F%3E%3Cpath%20d%3D%22M3.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022L12.0049%2011.9951H22C22%207.28433%2021.9995%204.92843%2020.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M19.0916%2014.8483L17.5006%2016.4393L15.9096%2014.8483C15.6167%2014.5555%2015.1418%2014.5555%2014.8489%2014.8483C14.556%2015.1412%2014.556%2015.6161%2014.8489%2015.909L16.4399%2017.5L14.8489%2019.091C14.556%2019.3839%2014.556%2019.8588%2014.8489%2020.1517C15.1418%2020.4445%2015.6167%2020.4445%2015.9096%2020.1517L17.5006%2018.5607L19.0916%2020.1517C19.3844%2020.4445%2019.8593%2020.4445%2020.1522%2020.1517C20.4451%2019.8588%2020.4451%2019.3839%2020.1522%2019.091L18.5612%2017.5L20.1522%2015.909C20.4451%2015.6161%2020.4451%2015.1412%2020.1522%2014.8483C19.8593%2014.5555%2019.3844%2014.5555%2019.0916%2014.8483Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.75%202.00098V11.2451H21.999C21.9993%2011.4898%2022%2011.7414%2022%2012C22%2012.2552%2021.9993%2012.5035%2021.999%2012.7451H12.75V21.998C12.5068%2021.9983%2012.2569%2022%2012%2022C11.7431%2022%2011.4932%2021.9983%2011.25%2021.998V12.7451H2.00098C2.00074%2012.5035%202%2012.2552%202%2012C2%2011.7414%202.00073%2011.4898%202.00098%2011.2451H11.25V2.00098C11.4932%202.00074%2011.7431%202%2012%202C12.2569%202%2012.5068%202.00074%2012.75%202.00098Z%22%2F%3E%3Cpath%20d%3D%22M3.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022L12.0049%2011.9951H22C22%207.28433%2021.9995%204.92843%2020.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M19.0916%2014.8483L17.5006%2016.4393L15.9096%2014.8483C15.6167%2014.5555%2015.1418%2014.5555%2014.8489%2014.8483C14.556%2015.1412%2014.556%2015.6161%2014.8489%2015.909L16.4399%2017.5L14.8489%2019.091C14.556%2019.3839%2014.556%2019.8588%2014.8489%2020.1517C15.1418%2020.4445%2015.6167%2020.4445%2015.9096%2020.1517L17.5006%2018.5607L19.0916%2020.1517C19.3844%2020.4445%2019.8593%2020.4445%2020.1522%2020.1517C20.4451%2019.8588%2020.4451%2019.3839%2020.1522%2019.091L18.5612%2017.5L20.1522%2015.909C20.4451%2015.6161%2020.4451%2015.1412%2020.1522%2014.8483C19.8593%2014.5555%2019.3844%2014.5555%2019.0916%2014.8483Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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