circle grid 3x3 icon
circle-grid-3x3 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- circle-grid-3x3
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
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.719c3.75 0 6.844-3.094 6.844-6.867c0-3.75-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.094 6.867 6.844 6.867m17.274 0c3.75 0 6.843-3.094 6.843-6.867c0-3.75-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.093 6.867 6.843 6.867m-34.524-.024c3.727 0 6.82-3.07 6.82-6.82c0-3.727-3.093-6.844-6.82-6.844c-3.773 0-6.867 3.117-6.867 6.844c0 3.75 3.094 6.82 6.867 6.82m34.524-3.328c-1.993 0-3.47-1.547-3.47-3.515c0-1.946 1.477-3.516 3.47-3.516a3.49 3.49 0 0 1 3.492 3.516c0 1.968-1.547 3.515-3.492 3.515M10.75 15.25c-1.922 0-3.422-1.5-3.422-3.398A3.41 3.41 0 0 1 10.75 8.43c1.875 0 3.375 1.547 3.375 3.422c0 1.898-1.5 3.398-3.375 3.398m17.25 0c-1.922 0-3.398-1.5-3.398-3.398c0-1.875 1.476-3.422 3.398-3.422s3.375 1.547 3.398 3.422c.047 1.898-1.476 3.398-3.398 3.398m17.274 19.594c3.75 0 6.843-3.094 6.843-6.844c0-3.727-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844c0-3.727-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.094 6.844 6.844 6.844m-17.25 0c3.727 0 6.82-3.094 6.82-6.844c0-3.727-3.093-6.844-6.82-6.82c-3.773.023-6.867 3.093-6.867 6.82c0 3.75 3.094 6.844 6.867 6.844m34.524-3.328c-1.993 0-3.47-1.57-3.47-3.54c0-1.921 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.493c0 1.968-1.547 3.539-3.492 3.539m-17.274 0c-1.969 0-3.515-1.57-3.515-3.54A3.49 3.49 0 0 1 28 24.485a3.49 3.49 0 0 1 3.516 3.493c0 1.968-1.547 3.539-3.516 3.539m-17.25 0c-1.969 0-3.516-1.57-3.516-3.54a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.493c0 1.968-1.5 3.539-3.445 3.539m34.524 19.476c3.75 0 6.843-3.094 6.843-6.844s-3.093-6.843-6.843-6.843s-6.844 3.093-6.844 6.843s3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844S31.75 37.305 28 37.305s-6.844 3.093-6.844 6.843S24.25 50.992 28 50.992m-17.25 0c3.727 0 6.82-3.094 6.82-6.844s-3.093-6.843-6.82-6.843c-3.773 0-6.867 3.093-6.867 6.843s3.094 6.844 6.867 6.844M28 47.664c-1.969 0-3.515-1.57-3.515-3.539A3.49 3.49 0 0 1 28 40.633a3.49 3.49 0 0 1 3.516 3.492c0 1.969-1.547 3.54-3.516 3.54m17.274 0c-1.993 0-3.47-1.57-3.47-3.539c0-1.922 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.492c0 1.969-1.547 3.54-3.492 3.54m-34.524 0c-1.969 0-3.516-1.57-3.516-3.539a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.492c0 1.969-1.5 3.54-3.445 3.54"/></svg>
React
import type { SVGProps } from "react";
export function F7CircleGrid3x3(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.719c3.75 0 6.844-3.094 6.844-6.867c0-3.75-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.094 6.867 6.844 6.867m17.274 0c3.75 0 6.843-3.094 6.843-6.867c0-3.75-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.093 6.867 6.843 6.867m-34.524-.024c3.727 0 6.82-3.07 6.82-6.82c0-3.727-3.093-6.844-6.82-6.844c-3.773 0-6.867 3.117-6.867 6.844c0 3.75 3.094 6.82 6.867 6.82m34.524-3.328c-1.993 0-3.47-1.547-3.47-3.515c0-1.946 1.477-3.516 3.47-3.516a3.49 3.49 0 0 1 3.492 3.516c0 1.968-1.547 3.515-3.492 3.515M10.75 15.25c-1.922 0-3.422-1.5-3.422-3.398A3.41 3.41 0 0 1 10.75 8.43c1.875 0 3.375 1.547 3.375 3.422c0 1.898-1.5 3.398-3.375 3.398m17.25 0c-1.922 0-3.398-1.5-3.398-3.398c0-1.875 1.476-3.422 3.398-3.422s3.375 1.547 3.398 3.422c.047 1.898-1.476 3.398-3.398 3.398m17.274 19.594c3.75 0 6.843-3.094 6.843-6.844c0-3.727-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844c0-3.727-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.094 6.844 6.844 6.844m-17.25 0c3.727 0 6.82-3.094 6.82-6.844c0-3.727-3.093-6.844-6.82-6.82c-3.773.023-6.867 3.093-6.867 6.82c0 3.75 3.094 6.844 6.867 6.844m34.524-3.328c-1.993 0-3.47-1.57-3.47-3.54c0-1.921 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.493c0 1.968-1.547 3.539-3.492 3.539m-17.274 0c-1.969 0-3.515-1.57-3.515-3.54A3.49 3.49 0 0 1 28 24.485a3.49 3.49 0 0 1 3.516 3.493c0 1.968-1.547 3.539-3.516 3.539m-17.25 0c-1.969 0-3.516-1.57-3.516-3.54a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.493c0 1.968-1.5 3.539-3.445 3.539m34.524 19.476c3.75 0 6.843-3.094 6.843-6.844s-3.093-6.843-6.843-6.843s-6.844 3.093-6.844 6.843s3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844S31.75 37.305 28 37.305s-6.844 3.093-6.844 6.843S24.25 50.992 28 50.992m-17.25 0c3.727 0 6.82-3.094 6.82-6.844s-3.093-6.843-6.82-6.843c-3.773 0-6.867 3.093-6.867 6.843s3.094 6.844 6.867 6.844M28 47.664c-1.969 0-3.515-1.57-3.515-3.539A3.49 3.49 0 0 1 28 40.633a3.49 3.49 0 0 1 3.516 3.492c0 1.969-1.547 3.54-3.516 3.54m17.274 0c-1.993 0-3.47-1.57-3.47-3.539c0-1.922 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.492c0 1.969-1.547 3.54-3.492 3.54m-34.524 0c-1.969 0-3.516-1.57-3.516-3.539a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.492c0 1.969-1.5 3.54-3.445 3.54"/></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.719c3.75 0 6.844-3.094 6.844-6.867c0-3.75-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.094 6.867 6.844 6.867m17.274 0c3.75 0 6.843-3.094 6.843-6.867c0-3.75-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.07-6.844 6.82c0 3.773 3.093 6.867 6.843 6.867m-34.524-.024c3.727 0 6.82-3.07 6.82-6.82c0-3.727-3.093-6.844-6.82-6.844c-3.773 0-6.867 3.117-6.867 6.844c0 3.75 3.094 6.82 6.867 6.82m34.524-3.328c-1.993 0-3.47-1.547-3.47-3.515c0-1.946 1.477-3.516 3.47-3.516a3.49 3.49 0 0 1 3.492 3.516c0 1.968-1.547 3.515-3.492 3.515M10.75 15.25c-1.922 0-3.422-1.5-3.422-3.398A3.41 3.41 0 0 1 10.75 8.43c1.875 0 3.375 1.547 3.375 3.422c0 1.898-1.5 3.398-3.375 3.398m17.25 0c-1.922 0-3.398-1.5-3.398-3.398c0-1.875 1.476-3.422 3.398-3.422s3.375 1.547 3.398 3.422c.047 1.898-1.476 3.398-3.398 3.398m17.274 19.594c3.75 0 6.843-3.094 6.843-6.844c0-3.727-3.093-6.844-6.843-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844c0-3.727-3.094-6.844-6.844-6.82c-3.75.023-6.844 3.093-6.844 6.82c0 3.75 3.094 6.844 6.844 6.844m-17.25 0c3.727 0 6.82-3.094 6.82-6.844c0-3.727-3.093-6.844-6.82-6.82c-3.773.023-6.867 3.093-6.867 6.82c0 3.75 3.094 6.844 6.867 6.844m34.524-3.328c-1.993 0-3.47-1.57-3.47-3.54c0-1.921 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.493c0 1.968-1.547 3.539-3.492 3.539m-17.274 0c-1.969 0-3.515-1.57-3.515-3.54A3.49 3.49 0 0 1 28 24.485a3.49 3.49 0 0 1 3.516 3.493c0 1.968-1.547 3.539-3.516 3.539m-17.25 0c-1.969 0-3.516-1.57-3.516-3.54a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.493c0 1.968-1.5 3.539-3.445 3.539m34.524 19.476c3.75 0 6.843-3.094 6.843-6.844s-3.093-6.843-6.843-6.843s-6.844 3.093-6.844 6.843s3.093 6.844 6.843 6.844m-17.274 0c3.75 0 6.844-3.094 6.844-6.844S31.75 37.305 28 37.305s-6.844 3.093-6.844 6.843S24.25 50.992 28 50.992m-17.25 0c3.727 0 6.82-3.094 6.82-6.844s-3.093-6.843-6.82-6.843c-3.773 0-6.867 3.093-6.867 6.843s3.094 6.844 6.867 6.844M28 47.664c-1.969 0-3.515-1.57-3.515-3.539A3.49 3.49 0 0 1 28 40.633a3.49 3.49 0 0 1 3.516 3.492c0 1.969-1.547 3.54-3.516 3.54m17.274 0c-1.993 0-3.47-1.57-3.47-3.539c0-1.922 1.477-3.492 3.47-3.492a3.486 3.486 0 0 1 3.492 3.492c0 1.969-1.547 3.54-3.492 3.54m-34.524 0c-1.969 0-3.516-1.57-3.516-3.539a3.49 3.49 0 0 1 3.516-3.492c1.945 0 3.445 1.57 3.445 3.492c0 1.969-1.5 3.54-3.445 3.54"/></svg> </template>
CSS
.icon-circle-grid-3x3 {
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.719c3.75%200%206.844-3.094%206.844-6.867c0-3.75-3.094-6.844-6.844-6.82c-3.75.023-6.844%203.07-6.844%206.82c0%203.773%203.094%206.867%206.844%206.867m17.274%200c3.75%200%206.843-3.094%206.843-6.867c0-3.75-3.093-6.844-6.843-6.82c-3.75.023-6.844%203.07-6.844%206.82c0%203.773%203.093%206.867%206.843%206.867m-34.524-.024c3.727%200%206.82-3.07%206.82-6.82c0-3.727-3.093-6.844-6.82-6.844c-3.773%200-6.867%203.117-6.867%206.844c0%203.75%203.094%206.82%206.867%206.82m34.524-3.328c-1.993%200-3.47-1.547-3.47-3.515c0-1.946%201.477-3.516%203.47-3.516a3.49%203.49%200%200%201%203.492%203.516c0%201.968-1.547%203.515-3.492%203.515M10.75%2015.25c-1.922%200-3.422-1.5-3.422-3.398A3.41%203.41%200%200%201%2010.75%208.43c1.875%200%203.375%201.547%203.375%203.422c0%201.898-1.5%203.398-3.375%203.398m17.25%200c-1.922%200-3.398-1.5-3.398-3.398c0-1.875%201.476-3.422%203.398-3.422s3.375%201.547%203.398%203.422c.047%201.898-1.476%203.398-3.398%203.398m17.274%2019.594c3.75%200%206.843-3.094%206.843-6.844c0-3.727-3.093-6.844-6.843-6.82c-3.75.023-6.844%203.093-6.844%206.82c0%203.75%203.093%206.844%206.843%206.844m-17.274%200c3.75%200%206.844-3.094%206.844-6.844c0-3.727-3.094-6.844-6.844-6.82c-3.75.023-6.844%203.093-6.844%206.82c0%203.75%203.094%206.844%206.844%206.844m-17.25%200c3.727%200%206.82-3.094%206.82-6.844c0-3.727-3.093-6.844-6.82-6.82c-3.773.023-6.867%203.093-6.867%206.82c0%203.75%203.094%206.844%206.867%206.844m34.524-3.328c-1.993%200-3.47-1.57-3.47-3.54c0-1.921%201.477-3.492%203.47-3.492a3.486%203.486%200%200%201%203.492%203.493c0%201.968-1.547%203.539-3.492%203.539m-17.274%200c-1.969%200-3.515-1.57-3.515-3.54A3.49%203.49%200%200%201%2028%2024.485a3.49%203.49%200%200%201%203.516%203.493c0%201.968-1.547%203.539-3.516%203.539m-17.25%200c-1.969%200-3.516-1.57-3.516-3.54a3.49%203.49%200%200%201%203.516-3.492c1.945%200%203.445%201.57%203.445%203.493c0%201.968-1.5%203.539-3.445%203.539m34.524%2019.476c3.75%200%206.843-3.094%206.843-6.844s-3.093-6.843-6.843-6.843s-6.844%203.093-6.844%206.843s3.093%206.844%206.843%206.844m-17.274%200c3.75%200%206.844-3.094%206.844-6.844S31.75%2037.305%2028%2037.305s-6.844%203.093-6.844%206.843S24.25%2050.992%2028%2050.992m-17.25%200c3.727%200%206.82-3.094%206.82-6.844s-3.093-6.843-6.82-6.843c-3.773%200-6.867%203.093-6.867%206.843s3.094%206.844%206.867%206.844M28%2047.664c-1.969%200-3.515-1.57-3.515-3.539A3.49%203.49%200%200%201%2028%2040.633a3.49%203.49%200%200%201%203.516%203.492c0%201.969-1.547%203.54-3.516%203.54m17.274%200c-1.993%200-3.47-1.57-3.47-3.539c0-1.922%201.477-3.492%203.47-3.492a3.486%203.486%200%200%201%203.492%203.492c0%201.969-1.547%203.54-3.492%203.54m-34.524%200c-1.969%200-3.516-1.57-3.516-3.539a3.49%203.49%200%200%201%203.516-3.492c1.945%200%203.445%201.57%203.445%203.492c0%201.969-1.5%203.54-3.445%203.54%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.719c3.75%200%206.844-3.094%206.844-6.867c0-3.75-3.094-6.844-6.844-6.82c-3.75.023-6.844%203.07-6.844%206.82c0%203.773%203.094%206.867%206.844%206.867m17.274%200c3.75%200%206.843-3.094%206.843-6.867c0-3.75-3.093-6.844-6.843-6.82c-3.75.023-6.844%203.07-6.844%206.82c0%203.773%203.093%206.867%206.843%206.867m-34.524-.024c3.727%200%206.82-3.07%206.82-6.82c0-3.727-3.093-6.844-6.82-6.844c-3.773%200-6.867%203.117-6.867%206.844c0%203.75%203.094%206.82%206.867%206.82m34.524-3.328c-1.993%200-3.47-1.547-3.47-3.515c0-1.946%201.477-3.516%203.47-3.516a3.49%203.49%200%200%201%203.492%203.516c0%201.968-1.547%203.515-3.492%203.515M10.75%2015.25c-1.922%200-3.422-1.5-3.422-3.398A3.41%203.41%200%200%201%2010.75%208.43c1.875%200%203.375%201.547%203.375%203.422c0%201.898-1.5%203.398-3.375%203.398m17.25%200c-1.922%200-3.398-1.5-3.398-3.398c0-1.875%201.476-3.422%203.398-3.422s3.375%201.547%203.398%203.422c.047%201.898-1.476%203.398-3.398%203.398m17.274%2019.594c3.75%200%206.843-3.094%206.843-6.844c0-3.727-3.093-6.844-6.843-6.82c-3.75.023-6.844%203.093-6.844%206.82c0%203.75%203.093%206.844%206.843%206.844m-17.274%200c3.75%200%206.844-3.094%206.844-6.844c0-3.727-3.094-6.844-6.844-6.82c-3.75.023-6.844%203.093-6.844%206.82c0%203.75%203.094%206.844%206.844%206.844m-17.25%200c3.727%200%206.82-3.094%206.82-6.844c0-3.727-3.093-6.844-6.82-6.82c-3.773.023-6.867%203.093-6.867%206.82c0%203.75%203.094%206.844%206.867%206.844m34.524-3.328c-1.993%200-3.47-1.57-3.47-3.54c0-1.921%201.477-3.492%203.47-3.492a3.486%203.486%200%200%201%203.492%203.493c0%201.968-1.547%203.539-3.492%203.539m-17.274%200c-1.969%200-3.515-1.57-3.515-3.54A3.49%203.49%200%200%201%2028%2024.485a3.49%203.49%200%200%201%203.516%203.493c0%201.968-1.547%203.539-3.516%203.539m-17.25%200c-1.969%200-3.516-1.57-3.516-3.54a3.49%203.49%200%200%201%203.516-3.492c1.945%200%203.445%201.57%203.445%203.493c0%201.968-1.5%203.539-3.445%203.539m34.524%2019.476c3.75%200%206.843-3.094%206.843-6.844s-3.093-6.843-6.843-6.843s-6.844%203.093-6.844%206.843s3.093%206.844%206.843%206.844m-17.274%200c3.75%200%206.844-3.094%206.844-6.844S31.75%2037.305%2028%2037.305s-6.844%203.093-6.844%206.843S24.25%2050.992%2028%2050.992m-17.25%200c3.727%200%206.82-3.094%206.82-6.844s-3.093-6.843-6.82-6.843c-3.773%200-6.867%203.093-6.867%206.843s3.094%206.844%206.867%206.844M28%2047.664c-1.969%200-3.515-1.57-3.515-3.539A3.49%203.49%200%200%201%2028%2040.633a3.49%203.49%200%200%201%203.516%203.492c0%201.969-1.547%203.54-3.516%203.54m17.274%200c-1.993%200-3.47-1.57-3.47-3.539c0-1.922%201.477-3.492%203.47-3.492a3.486%203.486%200%200%201%203.492%203.492c0%201.969-1.547%203.54-3.492%203.54m-34.524%200c-1.969%200-3.516-1.57-3.516-3.539a3.49%203.49%200%200%201%203.516-3.492c1.945%200%203.445%201.57%203.445%203.492c0%201.969-1.5%203.54-3.445%203.54%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.svg?color=%231a73e8&size=48
