Calendar 10 Icon SVG
Calendar 10 SVG Icons refers to Chart showing the days, weeks and months of the year.
Icon Calendar 10 SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Calendar 10 Icon Svg Code | Path | Download
Download free Calendar 10 SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Calendar 10 Icon SVG code in HTML/Css from below.
Calendar 10 SVG Icon Code | Customize color
You can get svg icon calendar 10 in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 18V13L8 14.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <rect x="12.5" y="13" width="3" height="5" rx="1.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 18V13L8 14.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <rect x="12.5" y="13" width="3" height="5" rx="1.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 18V13L8 14.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <rect x="12.5" y="13" width="3" height="5" rx="1.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 18V13L8 14.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <rect x="12.5" y="13" width="3" height="5" rx="1.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 10H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V10Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.77778 5H4V10H20V5H18.2222M11.1111 5H12.8889" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="8" y1="4" x2="8" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <line x1="16" y1="4" x2="16" y2="6" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 18V13L8 14.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <rect x="12.5" y="13" width="3" height="5" rx="1.5" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit calendar 10 as below. Change size color and background color of icon using below tool.
Tags
agenda.,almanac.,card.,chronology.,diary.,docket.,journal.,lineup.
Advertisements
Calendar 10 Icon SVG - Faq(s)?
⭐Can I get Free Calendar 10 Icon SVG?Yes, you can get free Calendar 10 SVG icons.
⭐ How to download free Calendar 10 Icon SVG code?To download free Calendar 10 icons in SVG code click on the copy code button.
⭐How to find the Calendar 10 Icon SVG path file?You can get the Calendar 10 SVG file path from the above section.
⭐ What are the colors available for SVG Calendar 10 Icon?You can check the Calendar 10 SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements