Calendar Icon SVG

Calendar Icon SVG signifies a list that shows the days, weeks and months of a particular year.

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

Download

Svg 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

Download

Svg 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

Download

Svg 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

Download

Svg 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

Download

Svg 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.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



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

You may like these icons


Looking For More Icons?