calendar plus icon
calendar-plus-filled from Reicon by REICON · Filled · Time · MIT Free for personal and commercial use.
- Name
- calendar-plus-filled
- Set
- Reicon
- Style
- Filled
- Category
- Time
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All calendar plus icons →calendar-plusBootstrap Iconscalendar-plusBoxIcons v2calendar-plusBoxIcons v2 Solidcalendar-plusFont Awesome 6 Regularcalendar-plusFont Awesome 6 Solidcalendar-plusFont Awesome Regularcalendar-plusFont Awesome Solidcalendar-plus-outlineFlowbite Iconscalendar-plusHuge Iconscalendar-plusIconoircalendar-plusKeyline Iconscalendar-plusLine Awesomecalendar-plusLucidecalendar-plusMage Iconscalendar-plusMajesticonscalendar-plusMaterial Design Iconscalendar-plusMyna UI Iconscalendar-plusPhosphorcalendar-plusPixelarticonscalendar-plusPrime Iconscalendar-plusTabler Iconscalendar-plus-outlineTeenyicons
More time icons from Reicon
Use the calendar plus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 1a.75.75 0 0 0-1.5 0v1.25c-.806 0-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67q-.037.486-.045 1.107c-.002.14-.003.209.024.263a.25.25 0 0 0 .11.111c.053.028.124.028.265.028h20.692c.141 0 .212 0 .265-.028a.25.25 0 0 0 .11-.11c.027-.055.026-.125.024-.264A17 17 0 0 0 22.7 6.24c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75 0 0 0-1.5 0v1.25h-6.5z"/><path fill-rule="evenodd" d="M1.387 9.277c.053-.027.123-.027.263-.027h20.7c.14 0 .21 0 .263.027a.25.25 0 0 1 .11.11c.027.053.027.123.027.263v7.783c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14 0-.21.027-.264a.25.25 0 0 1 .11-.109M12 19.75a.75.75 0 0 1-.75-.75v-2.25H9a.75.75 0 0 1 0-1.5h2.25V13a.75.75 0 0 1 1.5 0v2.25H15a.75.75 0 0 1 0 1.5h-2.25V19a.75.75 0 0 1-.75.75" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCalendarPlusFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 1a.75.75 0 0 0-1.5 0v1.25c-.806 0-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67q-.037.486-.045 1.107c-.002.14-.003.209.024.263a.25.25 0 0 0 .11.111c.053.028.124.028.265.028h20.692c.141 0 .212 0 .265-.028a.25.25 0 0 0 .11-.11c.027-.055.026-.125.024-.264A17 17 0 0 0 22.7 6.24c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75 0 0 0-1.5 0v1.25h-6.5z"/><path fillRule="evenodd" d="M1.387 9.277c.053-.027.123-.027.263-.027h20.7c.14 0 .21 0 .263.027a.25.25 0 0 1 .11.11c.027.053.027.123.027.263v7.783c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14 0-.21.027-.264a.25.25 0 0 1 .11-.109M12 19.75a.75.75 0 0 1-.75-.75v-2.25H9a.75.75 0 0 1 0-1.5h2.25V13a.75.75 0 0 1 1.5 0v2.25H15a.75.75 0 0 1 0 1.5h-2.25V19a.75.75 0 0 1-.75.75" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 1a.75.75 0 0 0-1.5 0v1.25c-.806 0-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67q-.037.486-.045 1.107c-.002.14-.003.209.024.263a.25.25 0 0 0 .11.111c.053.028.124.028.265.028h20.692c.141 0 .212 0 .265-.028a.25.25 0 0 0 .11-.11c.027-.055.026-.125.024-.264A17 17 0 0 0 22.7 6.24c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75 0 0 0-1.5 0v1.25h-6.5z"/><path fill-rule="evenodd" d="M1.387 9.277c.053-.027.123-.027.263-.027h20.7c.14 0 .21 0 .263.027a.25.25 0 0 1 .11.11c.027.053.027.123.027.263v7.783c0 .952 0 1.713-.05 2.327c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14 0-.21.027-.264a.25.25 0 0 1 .11-.109M12 19.75a.75.75 0 0 1-.75-.75v-2.25H9a.75.75 0 0 1 0-1.5h2.25V13a.75.75 0 0 1 1.5 0v2.25H15a.75.75 0 0 1 0 1.5h-2.25V19a.75.75 0 0 1-.75.75" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-calendar-plus-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%201a.75.75%200%200%200-1.5%200v1.25c-.806%200-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67q-.037.486-.045%201.107c-.002.14-.003.209.024.263a.25.25%200%200%200%20.11.111c.053.028.124.028.265.028h20.692c.141%200%20.212%200%20.265-.028a.25.25%200%200%200%20.11-.11c.027-.055.026-.125.024-.264A17%2017%200%200%200%2022.7%206.24c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75%200%200%200-1.5%200v1.25h-6.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.387%209.277c.053-.027.123-.027.263-.027h20.7c.14%200%20.21%200%20.263.027a.25.25%200%200%201%20.11.11c.027.053.027.123.027.263v7.783c0%20.952%200%201.713-.05%202.327c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14%200-.21.027-.264a.25.25%200%200%201%20.11-.109M12%2019.75a.75.75%200%200%201-.75-.75v-2.25H9a.75.75%200%200%201%200-1.5h2.25V13a.75.75%200%200%201%201.5%200v2.25H15a.75.75%200%200%201%200%201.5h-2.25V19a.75.75%200%200%201-.75.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%201a.75.75%200%200%200-1.5%200v1.25c-.806%200-1.465.006-2.01.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67q-.037.486-.045%201.107c-.002.14-.003.209.024.263a.25.25%200%200%200%20.11.111c.053.028.124.028.265.028h20.692c.141%200%20.212%200%20.265-.028a.25.25%200%200%200%20.11-.11c.027-.055.026-.125.024-.264A17%2017%200%200%200%2022.7%206.24c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.545-.044-1.204-.05-2.01-.05V1a.75.75%200%200%200-1.5%200v1.25h-6.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.387%209.277c.053-.027.123-.027.263-.027h20.7c.14%200%20.21%200%20.263.027a.25.25%200%200%201%20.11.11c.027.053.027.123.027.263v7.783c0%20.952%200%201.713-.05%202.327c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.857c-.253-.498-.361-1.04-.413-1.67c-.05-.614-.05-1.375-.05-2.327V9.65c0-.14%200-.21.027-.264a.25.25%200%200%201%20.11-.109M12%2019.75a.75.75%200%200%201-.75-.75v-2.25H9a.75.75%200%200%201%200-1.5h2.25V13a.75.75%200%200%201%201.5%200v2.25H15a.75.75%200%200%201%200%201.5h-2.25V19a.75.75%200%200%201-.75.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/calendar-plus-filled.svg?color=%231a73e8&size=48
