Preview Sizes
calendar SVG Icon
High-quality calendar SVG icon for web design and development projects. Free to download and use in your projects.
Want to customize this icon? Edit with svgia.com - our powerful online SVG editor!
SVG Code
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 -1 64 64" xmlns="http://www.w3.org/2000/svg">
<g id="calendar" transform="translate(-248)">
<path id="Path_191" data-name="Path 191" d="M303,35H257l-7,19h60Z" fill="#1b8cff" opacity="0.3"/>
<line id="Line_345" data-name="Line 345" x2="58" transform="translate(251 51)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2" opacity="0.5"/>
<line id="Line_346" data-name="Line 346" x2="47.75" transform="translate(256.125 38)" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2" opacity="0.5"/>
<rect id="Rectangle_44" data-name="Rectangle 44" width="46" height="29" transform="translate(257 6)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
<path id="Path_192" data-name="Path 192" d="M257,54v6h46V54" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
<path id="Path_193" data-name="Path 193" d="M303,35H257l-7,19h60Z" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
<line id="Line_347" data-name="Line 347" x2="46" transform="translate(257 12)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_348" data-name="Line 348" y2="6" transform="translate(263 32)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_349" data-name="Line 349" y2="6" transform="translate(297 32)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_350" data-name="Line 350" y2="4" transform="translate(263 2)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
<line id="Line_351" data-name="Line 351" y2="4" transform="translate(297 2)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
<g id="Group_4" data-name="Group 4">
<line id="Line_352" data-name="Line 352" x2="5" transform="translate(268.5 19)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_353" data-name="Line 353" x2="5" transform="translate(277.5 19)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_354" data-name="Line 354" x2="5" transform="translate(286.5 19)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
<g id="Group_5" data-name="Group 5">
<line id="Line_355" data-name="Line 355" x2="5" transform="translate(268.5 25)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_356" data-name="Line 356" x2="5" transform="translate(277.5 25)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<line id="Line_357" data-name="Line 357" x2="5" transform="translate(286.5 25)" fill="none" stroke="#1b8cff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</svg>
