circle grid 3x3 icon

circle-grid-3x3-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: circle-grid-3x3-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Related icons in Framework7 Icons

circle-bottomthird-split circle-grid-hex circle-lefthalf-fill circle-righthalf-fill

Use the circle grid 3x3 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 18.86c3.703 0 6.75-3.047 6.75-6.75c0-3.704-3.047-6.75-6.75-6.727s-6.75 3.023-6.75 6.726c0 3.704 3.047 6.75 6.75 6.75m17.016 0c3.68 0 6.726-3.047 6.726-6.75c0-3.704-3.047-6.75-6.726-6.727c-3.703.023-6.75 3.023-6.75 6.726c0 3.704 3.047 6.75 6.75 6.75m-34.008-.024c3.68 0 6.726-3.023 6.726-6.703s-3.047-6.75-6.726-6.75c-3.703 0-6.75 3.07-6.75 6.75s3.047 6.703 6.75 6.703M28 34.75c3.703 0 6.75-3.047 6.75-6.75c0-3.68-3.047-6.75-6.75-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m-16.992 0c3.68 0 6.726-3.047 6.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m34.008 0c3.68 0 6.726-3.047 6.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75M11.008 50.64c3.68 0 6.726-3.046 6.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703 0-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m16.992 0c3.703 0 6.75-3.046 6.75-6.75c0-3.68-3.047-6.726-6.75-6.726s-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m17.016 0c3.68 0 6.726-3.046 6.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703 0-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75"/></svg>

React

import type { SVGProps } from "react";

export function F7CircleGrid3x3Fill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 18.86c3.703 0 6.75-3.047 6.75-6.75c0-3.704-3.047-6.75-6.75-6.727s-6.75 3.023-6.75 6.726c0 3.704 3.047 6.75 6.75 6.75m17.016 0c3.68 0 6.726-3.047 6.726-6.75c0-3.704-3.047-6.75-6.726-6.727c-3.703.023-6.75 3.023-6.75 6.726c0 3.704 3.047 6.75 6.75 6.75m-34.008-.024c3.68 0 6.726-3.023 6.726-6.703s-3.047-6.75-6.726-6.75c-3.703 0-6.75 3.07-6.75 6.75s3.047 6.703 6.75 6.703M28 34.75c3.703 0 6.75-3.047 6.75-6.75c0-3.68-3.047-6.75-6.75-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m-16.992 0c3.68 0 6.726-3.047 6.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m34.008 0c3.68 0 6.726-3.047 6.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75M11.008 50.64c3.68 0 6.726-3.046 6.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703 0-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m16.992 0c3.703 0 6.75-3.046 6.75-6.75c0-3.68-3.047-6.726-6.75-6.726s-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m17.016 0c3.68 0 6.726-3.046 6.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703 0-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 18.86c3.703 0 6.75-3.047 6.75-6.75c0-3.704-3.047-6.75-6.75-6.727s-6.75 3.023-6.75 6.726c0 3.704 3.047 6.75 6.75 6.75m17.016 0c3.68 0 6.726-3.047 6.726-6.75c0-3.704-3.047-6.75-6.726-6.727c-3.703.023-6.75 3.023-6.75 6.726c0 3.704 3.047 6.75 6.75 6.75m-34.008-.024c3.68 0 6.726-3.023 6.726-6.703s-3.047-6.75-6.726-6.75c-3.703 0-6.75 3.07-6.75 6.75s3.047 6.703 6.75 6.703M28 34.75c3.703 0 6.75-3.047 6.75-6.75c0-3.68-3.047-6.75-6.75-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m-16.992 0c3.68 0 6.726-3.047 6.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m34.008 0c3.68 0 6.726-3.047 6.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75M11.008 50.64c3.68 0 6.726-3.046 6.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703 0-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m16.992 0c3.703 0 6.75-3.046 6.75-6.75c0-3.68-3.047-6.726-6.75-6.726s-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75m17.016 0c3.68 0 6.726-3.046 6.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703 0-6.75 3.047-6.75 6.727c0 3.703 3.047 6.75 6.75 6.75"/></svg>
</template>

CSS

.icon-circle-grid-3x3-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2018.86c3.703%200%206.75-3.047%206.75-6.75c0-3.704-3.047-6.75-6.75-6.727s-6.75%203.023-6.75%206.726c0%203.704%203.047%206.75%206.75%206.75m17.016%200c3.68%200%206.726-3.047%206.726-6.75c0-3.704-3.047-6.75-6.726-6.727c-3.703.023-6.75%203.023-6.75%206.726c0%203.704%203.047%206.75%206.75%206.75m-34.008-.024c3.68%200%206.726-3.023%206.726-6.703s-3.047-6.75-6.726-6.75c-3.703%200-6.75%203.07-6.75%206.75s3.047%206.703%206.75%206.703M28%2034.75c3.703%200%206.75-3.047%206.75-6.75c0-3.68-3.047-6.75-6.75-6.727c-3.703.024-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m-16.992%200c3.68%200%206.726-3.047%206.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m34.008%200c3.68%200%206.726-3.047%206.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75M11.008%2050.64c3.68%200%206.726-3.046%206.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703%200-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m16.992%200c3.703%200%206.75-3.046%206.75-6.75c0-3.68-3.047-6.726-6.75-6.726s-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m17.016%200c3.68%200%206.726-3.046%206.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703%200-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2018.86c3.703%200%206.75-3.047%206.75-6.75c0-3.704-3.047-6.75-6.75-6.727s-6.75%203.023-6.75%206.726c0%203.704%203.047%206.75%206.75%206.75m17.016%200c3.68%200%206.726-3.047%206.726-6.75c0-3.704-3.047-6.75-6.726-6.727c-3.703.023-6.75%203.023-6.75%206.726c0%203.704%203.047%206.75%206.75%206.75m-34.008-.024c3.68%200%206.726-3.023%206.726-6.703s-3.047-6.75-6.726-6.75c-3.703%200-6.75%203.07-6.75%206.75s3.047%206.703%206.75%206.703M28%2034.75c3.703%200%206.75-3.047%206.75-6.75c0-3.68-3.047-6.75-6.75-6.727c-3.703.024-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m-16.992%200c3.68%200%206.726-3.047%206.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m34.008%200c3.68%200%206.726-3.047%206.726-6.75c0-3.68-3.047-6.75-6.726-6.727c-3.703.024-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75M11.008%2050.64c3.68%200%206.726-3.046%206.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703%200-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m16.992%200c3.703%200%206.75-3.046%206.75-6.75c0-3.68-3.047-6.726-6.75-6.726s-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75m17.016%200c3.68%200%206.726-3.046%206.726-6.75c0-3.68-3.047-6.726-6.726-6.726c-3.703%200-6.75%203.047-6.75%206.727c0%203.703%203.047%206.75%206.75%206.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/circle-grid-3x3-fill.svg?color=%231a73e8&size=48