Calendar Icon SVG
Get Free Calendar Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Calendar Icon SVG file (HMTL/CSS) in different colors and sizes. Calendar SVG icon white, black, red, green, blue, transparent, and other colors.
Calendar Icon Svg Code | Path | Download
Download free Calendar SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Calendar Icon SVG code in HTML/Css from below.
Calendar SVG Icon Code | Customize color
You can get svg icon calendar in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Calendar
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16"> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> </svg>
Calendar
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16"> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> </svg>
Calendar
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16"> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> </svg>
Calendar
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16"> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> </svg>
Calendar
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16"> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> </svg>
Advance Editor
You can edit calendar as below. Change size color and background color of icon using below tool.
Tags
agenda, docket, program, schedule, timetable
How to add Calendar SVG Icon?
Here are the five important steps to add this SVG icon.
- Customize your Calendar SVG Icon color, size, and shape.
- Click on the download Calendar SVG Code File Button.
- Now, SVG Calendar Icon will be downloaded to your device.
- Upload this Calendar icon SVG file in your desired projects.
- Calendar SVG Icon uses - Websites, Apps, PPT, & Other Projects.
Advertisements
Calendar SVG Related Icons
Here are some related svg icons matching to Calendar.
Calendar Icon SVG - Faq(s)?
⭐Can I get Free Calendar Icon SVG?Yes, you can get free Calendar SVG icons.
⭐ How to download free Calendar Icon SVG code?To download free Calendar icons in SVG code click on the copy code button.
⭐How to find the Calendar Icon SVG path file?You can get the Calendar SVG file path from the above section.
⭐ What are the colors available for SVG Calendar Icon?You can check the Calendar SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements