calendar circle icon
calendar-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- calendar-circle-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the calendar circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-8.578-12.351c-2.625 0-3.938-1.29-3.938-3.891V20.312c0-2.601 1.313-3.89 3.938-3.89h17.156c2.625 0 3.938 1.289 3.938 3.89v15.352c0 2.602-1.313 3.89-3.938 3.89Zm-.164-2.133h17.437c1.102 0 1.664-.54 1.664-1.64v-11.86c0-1.172-.633-1.758-1.758-1.758h-17.25c-1.101 0-1.71.586-1.71 1.758v11.86c0 1.1.539 1.64 1.617 1.64m6.21-10.547c-.538 0-.703-.164-.703-.68v-.89c0-.54.165-.703.704-.703h.867c.539 0 .703.164.703.703v.89c0 .516-.164.68-.703.68Zm4.196 0c-.563 0-.727-.164-.727-.68v-.89c0-.54.164-.703.727-.703h.867c.54 0 .703.164.703.703v.89c0 .516-.164.68-.703.68Zm4.148 0c-.539 0-.726-.164-.726-.68v-.89c0-.54.187-.703.726-.703h.868c.539 0 .726.164.726.703v.89c0 .516-.187.68-.726.68Zm-12.515 4.102c-.54 0-.703-.165-.703-.68v-.89c0-.54.164-.704.703-.704h.867c.539 0 .726.164.726.703v.89c0 .517-.187.68-.726.68Zm4.172 0c-.54 0-.704-.165-.704-.68v-.89c0-.54.165-.704.704-.704h.867c.539 0 .703.164.703.703v.89c0 .517-.164.68-.703.68Zm4.195 0c-.563 0-.727-.165-.727-.68v-.89c0-.54.164-.704.727-.704h.867c.54 0 .703.164.703.703v.89c0 .517-.164.68-.703.68Zm4.148 0c-.539 0-.726-.165-.726-.68v-.89c0-.54.187-.704.726-.704h.868c.539 0 .726.164.726.703v.89c0 .517-.187.68-.726.68Zm-12.515 4.125c-.54 0-.703-.188-.703-.727v-.867c0-.54.164-.68.703-.68h.867c.539 0 .726.14.726.68v.867c0 .539-.187.727-.726.727Zm4.172 0c-.54 0-.704-.188-.704-.727v-.867c0-.54.165-.68.704-.68h.867c.539 0 .703.14.703.68v.867c0 .539-.164.727-.703.727Zm4.195 0c-.563 0-.727-.188-.727-.727v-.867c0-.54.164-.68.727-.68h.867c.54 0 .703.14.703.68v.867c0 .539-.164.727-.703.727Z"/></svg>
React
import type { SVGProps } from "react";
export function F7CalendarCircleFill(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 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-8.578-12.351c-2.625 0-3.938-1.29-3.938-3.891V20.312c0-2.601 1.313-3.89 3.938-3.89h17.156c2.625 0 3.938 1.289 3.938 3.89v15.352c0 2.602-1.313 3.89-3.938 3.89Zm-.164-2.133h17.437c1.102 0 1.664-.54 1.664-1.64v-11.86c0-1.172-.633-1.758-1.758-1.758h-17.25c-1.101 0-1.71.586-1.71 1.758v11.86c0 1.1.539 1.64 1.617 1.64m6.21-10.547c-.538 0-.703-.164-.703-.68v-.89c0-.54.165-.703.704-.703h.867c.539 0 .703.164.703.703v.89c0 .516-.164.68-.703.68Zm4.196 0c-.563 0-.727-.164-.727-.68v-.89c0-.54.164-.703.727-.703h.867c.54 0 .703.164.703.703v.89c0 .516-.164.68-.703.68Zm4.148 0c-.539 0-.726-.164-.726-.68v-.89c0-.54.187-.703.726-.703h.868c.539 0 .726.164.726.703v.89c0 .516-.187.68-.726.68Zm-12.515 4.102c-.54 0-.703-.165-.703-.68v-.89c0-.54.164-.704.703-.704h.867c.539 0 .726.164.726.703v.89c0 .517-.187.68-.726.68Zm4.172 0c-.54 0-.704-.165-.704-.68v-.89c0-.54.165-.704.704-.704h.867c.539 0 .703.164.703.703v.89c0 .517-.164.68-.703.68Zm4.195 0c-.563 0-.727-.165-.727-.68v-.89c0-.54.164-.704.727-.704h.867c.54 0 .703.164.703.703v.89c0 .517-.164.68-.703.68Zm4.148 0c-.539 0-.726-.165-.726-.68v-.89c0-.54.187-.704.726-.704h.868c.539 0 .726.164.726.703v.89c0 .517-.187.68-.726.68Zm-12.515 4.125c-.54 0-.703-.188-.703-.727v-.867c0-.54.164-.68.703-.68h.867c.539 0 .726.14.726.68v.867c0 .539-.187.727-.726.727Zm4.172 0c-.54 0-.704-.188-.704-.727v-.867c0-.54.165-.68.704-.68h.867c.539 0 .703.14.703.68v.867c0 .539-.164.727-.703.727Zm4.195 0c-.563 0-.727-.188-.727-.727v-.867c0-.54.164-.68.727-.68h.867c.54 0 .703.14.703.68v.867c0 .539-.164.727-.703.727Z"/></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 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m-8.578-12.351c-2.625 0-3.938-1.29-3.938-3.891V20.312c0-2.601 1.313-3.89 3.938-3.89h17.156c2.625 0 3.938 1.289 3.938 3.89v15.352c0 2.602-1.313 3.89-3.938 3.89Zm-.164-2.133h17.437c1.102 0 1.664-.54 1.664-1.64v-11.86c0-1.172-.633-1.758-1.758-1.758h-17.25c-1.101 0-1.71.586-1.71 1.758v11.86c0 1.1.539 1.64 1.617 1.64m6.21-10.547c-.538 0-.703-.164-.703-.68v-.89c0-.54.165-.703.704-.703h.867c.539 0 .703.164.703.703v.89c0 .516-.164.68-.703.68Zm4.196 0c-.563 0-.727-.164-.727-.68v-.89c0-.54.164-.703.727-.703h.867c.54 0 .703.164.703.703v.89c0 .516-.164.68-.703.68Zm4.148 0c-.539 0-.726-.164-.726-.68v-.89c0-.54.187-.703.726-.703h.868c.539 0 .726.164.726.703v.89c0 .516-.187.68-.726.68Zm-12.515 4.102c-.54 0-.703-.165-.703-.68v-.89c0-.54.164-.704.703-.704h.867c.539 0 .726.164.726.703v.89c0 .517-.187.68-.726.68Zm4.172 0c-.54 0-.704-.165-.704-.68v-.89c0-.54.165-.704.704-.704h.867c.539 0 .703.164.703.703v.89c0 .517-.164.68-.703.68Zm4.195 0c-.563 0-.727-.165-.727-.68v-.89c0-.54.164-.704.727-.704h.867c.54 0 .703.164.703.703v.89c0 .517-.164.68-.703.68Zm4.148 0c-.539 0-.726-.165-.726-.68v-.89c0-.54.187-.704.726-.704h.868c.539 0 .726.164.726.703v.89c0 .517-.187.68-.726.68Zm-12.515 4.125c-.54 0-.703-.188-.703-.727v-.867c0-.54.164-.68.703-.68h.867c.539 0 .726.14.726.68v.867c0 .539-.187.727-.726.727Zm4.172 0c-.54 0-.704-.188-.704-.727v-.867c0-.54.165-.68.704-.68h.867c.539 0 .703.14.703.68v.867c0 .539-.164.727-.703.727Zm4.195 0c-.563 0-.727-.188-.727-.727v-.867c0-.54.164-.68.727-.68h.867c.54 0 .703.14.703.68v.867c0 .539-.164.727-.703.727Z"/></svg> </template>
CSS
.icon-calendar-circle-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%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m-8.578-12.351c-2.625%200-3.938-1.29-3.938-3.891V20.312c0-2.601%201.313-3.89%203.938-3.89h17.156c2.625%200%203.938%201.289%203.938%203.89v15.352c0%202.602-1.313%203.89-3.938%203.89Zm-.164-2.133h17.437c1.102%200%201.664-.54%201.664-1.64v-11.86c0-1.172-.633-1.758-1.758-1.758h-17.25c-1.101%200-1.71.586-1.71%201.758v11.86c0%201.1.539%201.64%201.617%201.64m6.21-10.547c-.538%200-.703-.164-.703-.68v-.89c0-.54.165-.703.704-.703h.867c.539%200%20.703.164.703.703v.89c0%20.516-.164.68-.703.68Zm4.196%200c-.563%200-.727-.164-.727-.68v-.89c0-.54.164-.703.727-.703h.867c.54%200%20.703.164.703.703v.89c0%20.516-.164.68-.703.68Zm4.148%200c-.539%200-.726-.164-.726-.68v-.89c0-.54.187-.703.726-.703h.868c.539%200%20.726.164.726.703v.89c0%20.516-.187.68-.726.68Zm-12.515%204.102c-.54%200-.703-.165-.703-.68v-.89c0-.54.164-.704.703-.704h.867c.539%200%20.726.164.726.703v.89c0%20.517-.187.68-.726.68Zm4.172%200c-.54%200-.704-.165-.704-.68v-.89c0-.54.165-.704.704-.704h.867c.539%200%20.703.164.703.703v.89c0%20.517-.164.68-.703.68Zm4.195%200c-.563%200-.727-.165-.727-.68v-.89c0-.54.164-.704.727-.704h.867c.54%200%20.703.164.703.703v.89c0%20.517-.164.68-.703.68Zm4.148%200c-.539%200-.726-.165-.726-.68v-.89c0-.54.187-.704.726-.704h.868c.539%200%20.726.164.726.703v.89c0%20.517-.187.68-.726.68Zm-12.515%204.125c-.54%200-.703-.188-.703-.727v-.867c0-.54.164-.68.703-.68h.867c.539%200%20.726.14.726.68v.867c0%20.539-.187.727-.726.727Zm4.172%200c-.54%200-.704-.188-.704-.727v-.867c0-.54.165-.68.704-.68h.867c.539%200%20.703.14.703.68v.867c0%20.539-.164.727-.703.727Zm4.195%200c-.563%200-.727-.188-.727-.727v-.867c0-.54.164-.68.727-.68h.867c.54%200%20.703.14.703.68v.867c0%20.539-.164.727-.703.727Z%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%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906m-8.578-12.351c-2.625%200-3.938-1.29-3.938-3.891V20.312c0-2.601%201.313-3.89%203.938-3.89h17.156c2.625%200%203.938%201.289%203.938%203.89v15.352c0%202.602-1.313%203.89-3.938%203.89Zm-.164-2.133h17.437c1.102%200%201.664-.54%201.664-1.64v-11.86c0-1.172-.633-1.758-1.758-1.758h-17.25c-1.101%200-1.71.586-1.71%201.758v11.86c0%201.1.539%201.64%201.617%201.64m6.21-10.547c-.538%200-.703-.164-.703-.68v-.89c0-.54.165-.703.704-.703h.867c.539%200%20.703.164.703.703v.89c0%20.516-.164.68-.703.68Zm4.196%200c-.563%200-.727-.164-.727-.68v-.89c0-.54.164-.703.727-.703h.867c.54%200%20.703.164.703.703v.89c0%20.516-.164.68-.703.68Zm4.148%200c-.539%200-.726-.164-.726-.68v-.89c0-.54.187-.703.726-.703h.868c.539%200%20.726.164.726.703v.89c0%20.516-.187.68-.726.68Zm-12.515%204.102c-.54%200-.703-.165-.703-.68v-.89c0-.54.164-.704.703-.704h.867c.539%200%20.726.164.726.703v.89c0%20.517-.187.68-.726.68Zm4.172%200c-.54%200-.704-.165-.704-.68v-.89c0-.54.165-.704.704-.704h.867c.539%200%20.703.164.703.703v.89c0%20.517-.164.68-.703.68Zm4.195%200c-.563%200-.727-.165-.727-.68v-.89c0-.54.164-.704.727-.704h.867c.54%200%20.703.164.703.703v.89c0%20.517-.164.68-.703.68Zm4.148%200c-.539%200-.726-.165-.726-.68v-.89c0-.54.187-.704.726-.704h.868c.539%200%20.726.164.726.703v.89c0%20.517-.187.68-.726.68Zm-12.515%204.125c-.54%200-.703-.188-.703-.727v-.867c0-.54.164-.68.703-.68h.867c.539%200%20.726.14.726.68v.867c0%20.539-.187.727-.726.727Zm4.172%200c-.54%200-.704-.188-.704-.727v-.867c0-.54.165-.68.704-.68h.867c.539%200%20.703.14.703.68v.867c0%20.539-.164.727-.703.727Zm4.195%200c-.563%200-.727-.188-.727-.727v-.867c0-.54.164-.68.727-.68h.867c.54%200%20.703.14.703.68v.867c0%20.539-.164.727-.703.727Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/calendar-circle-fill.svg?color=%231a73e8&size=48
