circle grid hex icon

circle-grid-hex from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: circle-grid-hex
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Related icons in Framework7 Icons

circle-bottomthird-split circle-grid-3x3 circle-lefthalf-fill circle-righthalf-fill

Use the circle grid hex icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M19.41 20.406c4.266 0 7.828-3.539 7.828-7.804s-3.562-7.829-7.828-7.829c-4.289 0-7.851 3.563-7.851 7.829c0 4.265 3.562 7.804 7.851 7.804m17.18 0c4.265 0 7.828-3.539 7.828-7.804s-3.562-7.829-7.828-7.829s-7.828 3.563-7.828 7.829c0 4.265 3.562 7.804 7.828 7.804m-17.18-3.773c-2.226 0-4.078-1.852-4.078-4.031c0-2.204 1.852-4.055 4.078-4.055c2.203 0 4.055 1.851 4.055 4.055c0 2.18-1.852 4.03-4.055 4.03m17.18 0c-2.203 0-4.055-1.852-4.055-4.031c0-2.204 1.852-4.055 4.055-4.055s4.055 1.851 4.055 4.055c0 2.18-1.852 4.03-4.055 4.03m-8.602 19.195c4.266 0 7.852-3.562 7.852-7.828s-3.586-7.852-7.852-7.852c-4.265 0-7.828 3.586-7.828 7.852s3.563 7.828 7.828 7.828m-17.18 0c4.266 0 7.829-3.562 7.829-7.828s-3.563-7.852-7.828-7.852S2.98 23.734 2.98 28s3.562 7.828 7.828 7.828m34.36 0c4.289 0 7.852-3.562 7.852-7.828s-3.563-7.852-7.852-7.852c-4.266 0-7.828 3.586-7.828 7.852s3.562 7.828 7.828 7.828m-17.18-3.773c-2.203 0-4.054-1.852-4.054-4.055s1.851-4.078 4.054-4.078s4.078 1.875 4.078 4.078s-1.875 4.055-4.078 4.055m-17.18 0c-2.203 0-4.054-1.852-4.054-4.055s1.851-4.078 4.055-4.078s4.054 1.875 4.054 4.078s-1.851 4.055-4.054 4.055m34.36 0c-2.203 0-4.055-1.852-4.055-4.055s1.852-4.078 4.055-4.078c2.227 0 4.078 1.875 4.078 4.078s-1.851 4.055-4.078 4.055M19.41 51.227c4.266 0 7.828-3.563 7.828-7.852c0-4.266-3.562-7.805-7.828-7.805c-4.289 0-7.851 3.54-7.851 7.805c0 4.29 3.562 7.852 7.851 7.852m17.18 0c4.265 0 7.828-3.563 7.828-7.852c0-4.266-3.562-7.805-7.828-7.805s-7.828 3.54-7.828 7.805c0 4.29 3.562 7.852 7.828 7.852m-17.18-3.774c-2.226 0-4.078-1.851-4.078-4.078c0-2.18 1.852-4.031 4.078-4.031c2.203 0 4.055 1.851 4.055 4.031c0 2.227-1.852 4.078-4.055 4.078m17.18 0c-2.203 0-4.055-1.851-4.055-4.078c0-2.18 1.852-4.031 4.055-4.031s4.055 1.851 4.055 4.031c0 2.227-1.852 4.078-4.055 4.078"/></svg>

React

import type { SVGProps } from "react";

export function F7CircleGridHex(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="M19.41 20.406c4.266 0 7.828-3.539 7.828-7.804s-3.562-7.829-7.828-7.829c-4.289 0-7.851 3.563-7.851 7.829c0 4.265 3.562 7.804 7.851 7.804m17.18 0c4.265 0 7.828-3.539 7.828-7.804s-3.562-7.829-7.828-7.829s-7.828 3.563-7.828 7.829c0 4.265 3.562 7.804 7.828 7.804m-17.18-3.773c-2.226 0-4.078-1.852-4.078-4.031c0-2.204 1.852-4.055 4.078-4.055c2.203 0 4.055 1.851 4.055 4.055c0 2.18-1.852 4.03-4.055 4.03m17.18 0c-2.203 0-4.055-1.852-4.055-4.031c0-2.204 1.852-4.055 4.055-4.055s4.055 1.851 4.055 4.055c0 2.18-1.852 4.03-4.055 4.03m-8.602 19.195c4.266 0 7.852-3.562 7.852-7.828s-3.586-7.852-7.852-7.852c-4.265 0-7.828 3.586-7.828 7.852s3.563 7.828 7.828 7.828m-17.18 0c4.266 0 7.829-3.562 7.829-7.828s-3.563-7.852-7.828-7.852S2.98 23.734 2.98 28s3.562 7.828 7.828 7.828m34.36 0c4.289 0 7.852-3.562 7.852-7.828s-3.563-7.852-7.852-7.852c-4.266 0-7.828 3.586-7.828 7.852s3.562 7.828 7.828 7.828m-17.18-3.773c-2.203 0-4.054-1.852-4.054-4.055s1.851-4.078 4.054-4.078s4.078 1.875 4.078 4.078s-1.875 4.055-4.078 4.055m-17.18 0c-2.203 0-4.054-1.852-4.054-4.055s1.851-4.078 4.055-4.078s4.054 1.875 4.054 4.078s-1.851 4.055-4.054 4.055m34.36 0c-2.203 0-4.055-1.852-4.055-4.055s1.852-4.078 4.055-4.078c2.227 0 4.078 1.875 4.078 4.078s-1.851 4.055-4.078 4.055M19.41 51.227c4.266 0 7.828-3.563 7.828-7.852c0-4.266-3.562-7.805-7.828-7.805c-4.289 0-7.851 3.54-7.851 7.805c0 4.29 3.562 7.852 7.851 7.852m17.18 0c4.265 0 7.828-3.563 7.828-7.852c0-4.266-3.562-7.805-7.828-7.805s-7.828 3.54-7.828 7.805c0 4.29 3.562 7.852 7.828 7.852m-17.18-3.774c-2.226 0-4.078-1.851-4.078-4.078c0-2.18 1.852-4.031 4.078-4.031c2.203 0 4.055 1.851 4.055 4.031c0 2.227-1.852 4.078-4.055 4.078m17.18 0c-2.203 0-4.055-1.851-4.055-4.078c0-2.18 1.852-4.031 4.055-4.031s4.055 1.851 4.055 4.031c0 2.227-1.852 4.078-4.055 4.078"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M19.41 20.406c4.266 0 7.828-3.539 7.828-7.804s-3.562-7.829-7.828-7.829c-4.289 0-7.851 3.563-7.851 7.829c0 4.265 3.562 7.804 7.851 7.804m17.18 0c4.265 0 7.828-3.539 7.828-7.804s-3.562-7.829-7.828-7.829s-7.828 3.563-7.828 7.829c0 4.265 3.562 7.804 7.828 7.804m-17.18-3.773c-2.226 0-4.078-1.852-4.078-4.031c0-2.204 1.852-4.055 4.078-4.055c2.203 0 4.055 1.851 4.055 4.055c0 2.18-1.852 4.03-4.055 4.03m17.18 0c-2.203 0-4.055-1.852-4.055-4.031c0-2.204 1.852-4.055 4.055-4.055s4.055 1.851 4.055 4.055c0 2.18-1.852 4.03-4.055 4.03m-8.602 19.195c4.266 0 7.852-3.562 7.852-7.828s-3.586-7.852-7.852-7.852c-4.265 0-7.828 3.586-7.828 7.852s3.563 7.828 7.828 7.828m-17.18 0c4.266 0 7.829-3.562 7.829-7.828s-3.563-7.852-7.828-7.852S2.98 23.734 2.98 28s3.562 7.828 7.828 7.828m34.36 0c4.289 0 7.852-3.562 7.852-7.828s-3.563-7.852-7.852-7.852c-4.266 0-7.828 3.586-7.828 7.852s3.562 7.828 7.828 7.828m-17.18-3.773c-2.203 0-4.054-1.852-4.054-4.055s1.851-4.078 4.054-4.078s4.078 1.875 4.078 4.078s-1.875 4.055-4.078 4.055m-17.18 0c-2.203 0-4.054-1.852-4.054-4.055s1.851-4.078 4.055-4.078s4.054 1.875 4.054 4.078s-1.851 4.055-4.054 4.055m34.36 0c-2.203 0-4.055-1.852-4.055-4.055s1.852-4.078 4.055-4.078c2.227 0 4.078 1.875 4.078 4.078s-1.851 4.055-4.078 4.055M19.41 51.227c4.266 0 7.828-3.563 7.828-7.852c0-4.266-3.562-7.805-7.828-7.805c-4.289 0-7.851 3.54-7.851 7.805c0 4.29 3.562 7.852 7.851 7.852m17.18 0c4.265 0 7.828-3.563 7.828-7.852c0-4.266-3.562-7.805-7.828-7.805s-7.828 3.54-7.828 7.805c0 4.29 3.562 7.852 7.828 7.852m-17.18-3.774c-2.226 0-4.078-1.851-4.078-4.078c0-2.18 1.852-4.031 4.078-4.031c2.203 0 4.055 1.851 4.055 4.031c0 2.227-1.852 4.078-4.055 4.078m17.18 0c-2.203 0-4.055-1.851-4.055-4.078c0-2.18 1.852-4.031 4.055-4.031s4.055 1.851 4.055 4.031c0 2.227-1.852 4.078-4.055 4.078"/></svg>
</template>

CSS

.icon-circle-grid-hex {
  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%22M19.41%2020.406c4.266%200%207.828-3.539%207.828-7.804s-3.562-7.829-7.828-7.829c-4.289%200-7.851%203.563-7.851%207.829c0%204.265%203.562%207.804%207.851%207.804m17.18%200c4.265%200%207.828-3.539%207.828-7.804s-3.562-7.829-7.828-7.829s-7.828%203.563-7.828%207.829c0%204.265%203.562%207.804%207.828%207.804m-17.18-3.773c-2.226%200-4.078-1.852-4.078-4.031c0-2.204%201.852-4.055%204.078-4.055c2.203%200%204.055%201.851%204.055%204.055c0%202.18-1.852%204.03-4.055%204.03m17.18%200c-2.203%200-4.055-1.852-4.055-4.031c0-2.204%201.852-4.055%204.055-4.055s4.055%201.851%204.055%204.055c0%202.18-1.852%204.03-4.055%204.03m-8.602%2019.195c4.266%200%207.852-3.562%207.852-7.828s-3.586-7.852-7.852-7.852c-4.265%200-7.828%203.586-7.828%207.852s3.563%207.828%207.828%207.828m-17.18%200c4.266%200%207.829-3.562%207.829-7.828s-3.563-7.852-7.828-7.852S2.98%2023.734%202.98%2028s3.562%207.828%207.828%207.828m34.36%200c4.289%200%207.852-3.562%207.852-7.828s-3.563-7.852-7.852-7.852c-4.266%200-7.828%203.586-7.828%207.852s3.562%207.828%207.828%207.828m-17.18-3.773c-2.203%200-4.054-1.852-4.054-4.055s1.851-4.078%204.054-4.078s4.078%201.875%204.078%204.078s-1.875%204.055-4.078%204.055m-17.18%200c-2.203%200-4.054-1.852-4.054-4.055s1.851-4.078%204.055-4.078s4.054%201.875%204.054%204.078s-1.851%204.055-4.054%204.055m34.36%200c-2.203%200-4.055-1.852-4.055-4.055s1.852-4.078%204.055-4.078c2.227%200%204.078%201.875%204.078%204.078s-1.851%204.055-4.078%204.055M19.41%2051.227c4.266%200%207.828-3.563%207.828-7.852c0-4.266-3.562-7.805-7.828-7.805c-4.289%200-7.851%203.54-7.851%207.805c0%204.29%203.562%207.852%207.851%207.852m17.18%200c4.265%200%207.828-3.563%207.828-7.852c0-4.266-3.562-7.805-7.828-7.805s-7.828%203.54-7.828%207.805c0%204.29%203.562%207.852%207.828%207.852m-17.18-3.774c-2.226%200-4.078-1.851-4.078-4.078c0-2.18%201.852-4.031%204.078-4.031c2.203%200%204.055%201.851%204.055%204.031c0%202.227-1.852%204.078-4.055%204.078m17.18%200c-2.203%200-4.055-1.851-4.055-4.078c0-2.18%201.852-4.031%204.055-4.031s4.055%201.851%204.055%204.031c0%202.227-1.852%204.078-4.055%204.078%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%22M19.41%2020.406c4.266%200%207.828-3.539%207.828-7.804s-3.562-7.829-7.828-7.829c-4.289%200-7.851%203.563-7.851%207.829c0%204.265%203.562%207.804%207.851%207.804m17.18%200c4.265%200%207.828-3.539%207.828-7.804s-3.562-7.829-7.828-7.829s-7.828%203.563-7.828%207.829c0%204.265%203.562%207.804%207.828%207.804m-17.18-3.773c-2.226%200-4.078-1.852-4.078-4.031c0-2.204%201.852-4.055%204.078-4.055c2.203%200%204.055%201.851%204.055%204.055c0%202.18-1.852%204.03-4.055%204.03m17.18%200c-2.203%200-4.055-1.852-4.055-4.031c0-2.204%201.852-4.055%204.055-4.055s4.055%201.851%204.055%204.055c0%202.18-1.852%204.03-4.055%204.03m-8.602%2019.195c4.266%200%207.852-3.562%207.852-7.828s-3.586-7.852-7.852-7.852c-4.265%200-7.828%203.586-7.828%207.852s3.563%207.828%207.828%207.828m-17.18%200c4.266%200%207.829-3.562%207.829-7.828s-3.563-7.852-7.828-7.852S2.98%2023.734%202.98%2028s3.562%207.828%207.828%207.828m34.36%200c4.289%200%207.852-3.562%207.852-7.828s-3.563-7.852-7.852-7.852c-4.266%200-7.828%203.586-7.828%207.852s3.562%207.828%207.828%207.828m-17.18-3.773c-2.203%200-4.054-1.852-4.054-4.055s1.851-4.078%204.054-4.078s4.078%201.875%204.078%204.078s-1.875%204.055-4.078%204.055m-17.18%200c-2.203%200-4.054-1.852-4.054-4.055s1.851-4.078%204.055-4.078s4.054%201.875%204.054%204.078s-1.851%204.055-4.054%204.055m34.36%200c-2.203%200-4.055-1.852-4.055-4.055s1.852-4.078%204.055-4.078c2.227%200%204.078%201.875%204.078%204.078s-1.851%204.055-4.078%204.055M19.41%2051.227c4.266%200%207.828-3.563%207.828-7.852c0-4.266-3.562-7.805-7.828-7.805c-4.289%200-7.851%203.54-7.851%207.805c0%204.29%203.562%207.852%207.851%207.852m17.18%200c4.265%200%207.828-3.563%207.828-7.852c0-4.266-3.562-7.805-7.828-7.805s-7.828%203.54-7.828%207.805c0%204.29%203.562%207.852%207.828%207.852m-17.18-3.774c-2.226%200-4.078-1.851-4.078-4.078c0-2.18%201.852-4.031%204.078-4.031c2.203%200%204.055%201.851%204.055%204.031c0%202.227-1.852%204.078-4.055%204.078m17.18%200c-2.203%200-4.055-1.851-4.055-4.078c0-2.18%201.852-4.031%204.055-4.031s4.055%201.851%204.055%204.031c0%202.227-1.852%204.078-4.055%204.078%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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