grid circles icon

grid-circles-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name: grid-circles-sharp-fill
Set: Keyline Icons
Style: Sharp Fill
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

grid-circles grid-circles-duotone grid-circles-fill grid-circles-sharp grid-circles-sharp-duotone grid-circles-sharp-two-tone grid-circles-two-tone

The same icon in other sets

grid-circles-24-filledFluent UI System Icons

Related icons in Keyline Icons

grid-2x2 grid-2x3 grid-3x2 grid-3x3 grid-circles-check grid-circles-x grid-squares grid-squares-check grid-squares-x

Use the grid circles icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 22C4.1528 22 2 19.8472 2 17.5C2 15.1528 4.1528 13 6.5 13C8.8472 13 11 15.1528 11 17.5C11 19.8472 8.8472 22 6.5 22ZM6.5 11C4.1528 11 2 8.8472 2 6.5C2 4.1528 4.1528 2 6.5 2C8.8472 2 11 4.1528 11 6.5C11 8.8472 8.8472 11 6.5 11ZM17.5 22C15.1528 22 13 19.8472 13 17.5C13 15.1528 15.1528 13 17.5 13C19.8472 13 22 15.1528 22 17.5C22 19.8472 19.8472 22 17.5 22ZM17.5 11C15.1528 11 13 8.8472 13 6.5C13 4.1528 15.1528 2 17.5 2C19.8472 2 22 4.1528 22 6.5C22 8.8472 19.8472 11 17.5 11Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsGridCirclesSharpFill(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="M6.5 22C4.1528 22 2 19.8472 2 17.5C2 15.1528 4.1528 13 6.5 13C8.8472 13 11 15.1528 11 17.5C11 19.8472 8.8472 22 6.5 22ZM6.5 11C4.1528 11 2 8.8472 2 6.5C2 4.1528 4.1528 2 6.5 2C8.8472 2 11 4.1528 11 6.5C11 8.8472 8.8472 11 6.5 11ZM17.5 22C15.1528 22 13 19.8472 13 17.5C13 15.1528 15.1528 13 17.5 13C19.8472 13 22 15.1528 22 17.5C22 19.8472 19.8472 22 17.5 22ZM17.5 11C15.1528 11 13 8.8472 13 6.5C13 4.1528 15.1528 2 17.5 2C19.8472 2 22 4.1528 22 6.5C22 8.8472 19.8472 11 17.5 11Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 22C4.1528 22 2 19.8472 2 17.5C2 15.1528 4.1528 13 6.5 13C8.8472 13 11 15.1528 11 17.5C11 19.8472 8.8472 22 6.5 22ZM6.5 11C4.1528 11 2 8.8472 2 6.5C2 4.1528 4.1528 2 6.5 2C8.8472 2 11 4.1528 11 6.5C11 8.8472 8.8472 11 6.5 11ZM17.5 22C15.1528 22 13 19.8472 13 17.5C13 15.1528 15.1528 13 17.5 13C19.8472 13 22 15.1528 22 17.5C22 19.8472 19.8472 22 17.5 22ZM17.5 11C15.1528 11 13 8.8472 13 6.5C13 4.1528 15.1528 2 17.5 2C19.8472 2 22 4.1528 22 6.5C22 8.8472 19.8472 11 17.5 11Z"/></svg>
</template>

CSS

.icon-grid-circles-sharp-fill {
  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%22M6.5%2022C4.1528%2022%202%2019.8472%202%2017.5C2%2015.1528%204.1528%2013%206.5%2013C8.8472%2013%2011%2015.1528%2011%2017.5C11%2019.8472%208.8472%2022%206.5%2022ZM6.5%2011C4.1528%2011%202%208.8472%202%206.5C2%204.1528%204.1528%202%206.5%202C8.8472%202%2011%204.1528%2011%206.5C11%208.8472%208.8472%2011%206.5%2011ZM17.5%2022C15.1528%2022%2013%2019.8472%2013%2017.5C13%2015.1528%2015.1528%2013%2017.5%2013C19.8472%2013%2022%2015.1528%2022%2017.5C22%2019.8472%2019.8472%2022%2017.5%2022ZM17.5%2011C15.1528%2011%2013%208.8472%2013%206.5C13%204.1528%2015.1528%202%2017.5%202C19.8472%202%2022%204.1528%2022%206.5C22%208.8472%2019.8472%2011%2017.5%2011Z%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%22M6.5%2022C4.1528%2022%202%2019.8472%202%2017.5C2%2015.1528%204.1528%2013%206.5%2013C8.8472%2013%2011%2015.1528%2011%2017.5C11%2019.8472%208.8472%2022%206.5%2022ZM6.5%2011C4.1528%2011%202%208.8472%202%206.5C2%204.1528%204.1528%202%206.5%202C8.8472%202%2011%204.1528%2011%206.5C11%208.8472%208.8472%2011%206.5%2011ZM17.5%2022C15.1528%2022%2013%2019.8472%2013%2017.5C13%2015.1528%2015.1528%2013%2017.5%2013C19.8472%2013%2022%2015.1528%2022%2017.5C22%2019.8472%2019.8472%2022%2017.5%2022ZM17.5%2011C15.1528%2011%2013%208.8472%2013%206.5C13%204.1528%2015.1528%202%2017.5%202C19.8472%202%2022%204.1528%2022%206.5C22%208.8472%2019.8472%2011%2017.5%2011Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/grid-circles-sharp-fill.svg?color=%231a73e8&size=48