grid 2x2 check icon

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

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

5 other variants in Solar

The same icon in other sets

More settings icons from Solar

Use the grid 2x2 check icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><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"/><path d="M16.6133 20.9794C16.8395 20.9753 17.0522 20.8688 17.1914 20.6903L21.0918 15.6903C21.3462 15.3637 21.2874 14.8922 20.9609 14.6376C20.6343 14.3832 20.1628 14.442 19.9082 14.7684L16.5781 19.0389L15.0742 17.247C14.8078 16.9298 14.3347 16.8887 14.0176 17.1552C13.7004 17.4216 13.6593 17.8946 13.9258 18.2118L16.0254 20.7118L16.083 20.7733C16.2249 20.9082 16.4153 20.9829 16.6133 20.9794Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarGrid2x2CheckBold(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="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"/><path d="M16.6133 20.9794C16.8395 20.9753 17.0522 20.8688 17.1914 20.6903L21.0918 15.6903C21.3462 15.3637 21.2874 14.8922 20.9609 14.6376C20.6343 14.3832 20.1628 14.442 19.9082 14.7684L16.5781 19.0389L15.0742 17.247C14.8078 16.9298 14.3347 16.8887 14.0176 17.1552C13.7004 17.4216 13.6593 17.8946 13.9258 18.2118L16.0254 20.7118L16.083 20.7733C16.2249 20.9082 16.4153 20.9829 16.6133 20.9794Z"/></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="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"/><path d="M16.6133 20.9794C16.8395 20.9753 17.0522 20.8688 17.1914 20.6903L21.0918 15.6903C21.3462 15.3637 21.2874 14.8922 20.9609 14.6376C20.6343 14.3832 20.1628 14.442 19.9082 14.7684L16.5781 19.0389L15.0742 17.247C14.8078 16.9298 14.3347 16.8887 14.0176 17.1552C13.7004 17.4216 13.6593 17.8946 13.9258 18.2118L16.0254 20.7118L16.083 20.7733C16.2249 20.9082 16.4153 20.9829 16.6133 20.9794Z"/></g></svg>
</template>

CSS

.icon-grid-2x2-check-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%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%3Cpath%20d%3D%22M16.6133%2020.9794C16.8395%2020.9753%2017.0522%2020.8688%2017.1914%2020.6903L21.0918%2015.6903C21.3462%2015.3637%2021.2874%2014.8922%2020.9609%2014.6376C20.6343%2014.3832%2020.1628%2014.442%2019.9082%2014.7684L16.5781%2019.0389L15.0742%2017.247C14.8078%2016.9298%2014.3347%2016.8887%2014.0176%2017.1552C13.7004%2017.4216%2013.6593%2017.8946%2013.9258%2018.2118L16.0254%2020.7118L16.083%2020.7733C16.2249%2020.9082%2016.4153%2020.9829%2016.6133%2020.9794Z%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%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%3Cpath%20d%3D%22M16.6133%2020.9794C16.8395%2020.9753%2017.0522%2020.8688%2017.1914%2020.6903L21.0918%2015.6903C21.3462%2015.3637%2021.2874%2014.8922%2020.9609%2014.6376C20.6343%2014.3832%2020.1628%2014.442%2019.9082%2014.7684L16.5781%2019.0389L15.0742%2017.247C14.8078%2016.9298%2014.3347%2016.8887%2014.0176%2017.1552C13.7004%2017.4216%2013.6593%2017.8946%2013.9258%2018.2118L16.0254%2020.7118L16.083%2020.7733C16.2249%2020.9082%2016.4153%2020.9829%2016.6133%2020.9794Z%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-check-bold.svg?color=%231a73e8&size=48