grid 2x2 add icon

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

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

5 other variants in Solar

More settings icons from Solar

Use the grid 2x2 add icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.75 14.5V16.75H14.5C14.0858 16.75 13.75 17.0858 13.75 17.5C13.75 17.9142 14.0858 18.25 14.5 18.25H16.75V20.5C16.75 20.9142 17.0858 21.25 17.5 21.25C17.9142 21.25 18.25 20.9142 18.25 20.5V18.25H20.5C20.9142 18.25 21.25 17.9142 21.25 17.5C21.25 17.0858 20.9142 16.75 20.5 16.75H18.25V14.5C18.25 14.0858 17.9142 13.75 17.5 13.75C17.0858 13.75 16.75 14.0858 16.75 14.5Z"/><path d="M11.25 21.998C7.03168 21.9939 4.84949 21.9198 3.46484 20.5352C2.07966 19.15 2.00504 16.9666 2.00098 12.7451H11.25V21.998Z"/><path d="M11.25 11.2451H2.00098C2.00514 7.03 2.08073 4.84896 3.46484 3.46484C4.84949 2.08019 7.03168 2.00509 11.25 2.00098V11.2451Z"/><path d="M12.75 2.00098C16.9683 2.00509 19.1505 2.08019 20.5352 3.46484C21.9193 4.84896 21.9949 7.03 21.999 11.2451H12.75V2.00098Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarGrid2x2AddBold(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="M16.75 14.5V16.75H14.5C14.0858 16.75 13.75 17.0858 13.75 17.5C13.75 17.9142 14.0858 18.25 14.5 18.25H16.75V20.5C16.75 20.9142 17.0858 21.25 17.5 21.25C17.9142 21.25 18.25 20.9142 18.25 20.5V18.25H20.5C20.9142 18.25 21.25 17.9142 21.25 17.5C21.25 17.0858 20.9142 16.75 20.5 16.75H18.25V14.5C18.25 14.0858 17.9142 13.75 17.5 13.75C17.0858 13.75 16.75 14.0858 16.75 14.5Z"/><path d="M11.25 21.998C7.03168 21.9939 4.84949 21.9198 3.46484 20.5352C2.07966 19.15 2.00504 16.9666 2.00098 12.7451H11.25V21.998Z"/><path d="M11.25 11.2451H2.00098C2.00514 7.03 2.08073 4.84896 3.46484 3.46484C4.84949 2.08019 7.03168 2.00509 11.25 2.00098V11.2451Z"/><path d="M12.75 2.00098C16.9683 2.00509 19.1505 2.08019 20.5352 3.46484C21.9193 4.84896 21.9949 7.03 21.999 11.2451H12.75V2.00098Z"/></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="M16.75 14.5V16.75H14.5C14.0858 16.75 13.75 17.0858 13.75 17.5C13.75 17.9142 14.0858 18.25 14.5 18.25H16.75V20.5C16.75 20.9142 17.0858 21.25 17.5 21.25C17.9142 21.25 18.25 20.9142 18.25 20.5V18.25H20.5C20.9142 18.25 21.25 17.9142 21.25 17.5C21.25 17.0858 20.9142 16.75 20.5 16.75H18.25V14.5C18.25 14.0858 17.9142 13.75 17.5 13.75C17.0858 13.75 16.75 14.0858 16.75 14.5Z"/><path d="M11.25 21.998C7.03168 21.9939 4.84949 21.9198 3.46484 20.5352C2.07966 19.15 2.00504 16.9666 2.00098 12.7451H11.25V21.998Z"/><path d="M11.25 11.2451H2.00098C2.00514 7.03 2.08073 4.84896 3.46484 3.46484C4.84949 2.08019 7.03168 2.00509 11.25 2.00098V11.2451Z"/><path d="M12.75 2.00098C16.9683 2.00509 19.1505 2.08019 20.5352 3.46484C21.9193 4.84896 21.9949 7.03 21.999 11.2451H12.75V2.00098Z"/></g></svg>
</template>

CSS

.icon-grid-2x2-add-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.75%2014.5V16.75H14.5C14.0858%2016.75%2013.75%2017.0858%2013.75%2017.5C13.75%2017.9142%2014.0858%2018.25%2014.5%2018.25H16.75V20.5C16.75%2020.9142%2017.0858%2021.25%2017.5%2021.25C17.9142%2021.25%2018.25%2020.9142%2018.25%2020.5V18.25H20.5C20.9142%2018.25%2021.25%2017.9142%2021.25%2017.5C21.25%2017.0858%2020.9142%2016.75%2020.5%2016.75H18.25V14.5C18.25%2014.0858%2017.9142%2013.75%2017.5%2013.75C17.0858%2013.75%2016.75%2014.0858%2016.75%2014.5Z%22%2F%3E%3Cpath%20d%3D%22M11.25%2021.998C7.03168%2021.9939%204.84949%2021.9198%203.46484%2020.5352C2.07966%2019.15%202.00504%2016.9666%202.00098%2012.7451H11.25V21.998Z%22%2F%3E%3Cpath%20d%3D%22M11.25%2011.2451H2.00098C2.00514%207.03%202.08073%204.84896%203.46484%203.46484C4.84949%202.08019%207.03168%202.00509%2011.25%202.00098V11.2451Z%22%2F%3E%3Cpath%20d%3D%22M12.75%202.00098C16.9683%202.00509%2019.1505%202.08019%2020.5352%203.46484C21.9193%204.84896%2021.9949%207.03%2021.999%2011.2451H12.75V2.00098Z%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%22M16.75%2014.5V16.75H14.5C14.0858%2016.75%2013.75%2017.0858%2013.75%2017.5C13.75%2017.9142%2014.0858%2018.25%2014.5%2018.25H16.75V20.5C16.75%2020.9142%2017.0858%2021.25%2017.5%2021.25C17.9142%2021.25%2018.25%2020.9142%2018.25%2020.5V18.25H20.5C20.9142%2018.25%2021.25%2017.9142%2021.25%2017.5C21.25%2017.0858%2020.9142%2016.75%2020.5%2016.75H18.25V14.5C18.25%2014.0858%2017.9142%2013.75%2017.5%2013.75C17.0858%2013.75%2016.75%2014.0858%2016.75%2014.5Z%22%2F%3E%3Cpath%20d%3D%22M11.25%2021.998C7.03168%2021.9939%204.84949%2021.9198%203.46484%2020.5352C2.07966%2019.15%202.00504%2016.9666%202.00098%2012.7451H11.25V21.998Z%22%2F%3E%3Cpath%20d%3D%22M11.25%2011.2451H2.00098C2.00514%207.03%202.08073%204.84896%203.46484%203.46484C4.84949%202.08019%207.03168%202.00509%2011.25%202.00098V11.2451Z%22%2F%3E%3Cpath%20d%3D%22M12.75%202.00098C16.9683%202.00509%2019.1505%202.08019%2020.5352%203.46484C21.9193%204.84896%2021.9949%207.03%2021.999%2011.2451H12.75V2.00098Z%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-add-bold.svg?color=%231a73e8&size=48