Calendar Add Icon SVG
Calendar Add
Calendar add SVG Icon Code | Customize color
You can get svg icon calendar add in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCalendar add
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="calendarAddIconTitle"> <title id="calendarAddIconTitle">Add to calendar</title> <path d="M3 5H21V21H3V5Z"/> <path d="M21 9H3"/> <path d="M7 5V3"/> <path d="M17 5V3"/> <path d="M15 15H9"/> <path d="M12 12V18"/> </svg> Calendar add
DownloadSvg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="calendarAddIconTitle"> <title id="calendarAddIconTitle">Add to calendar</title> <path d="M3 5H21V21H3V5Z" fill="white"></path> <path d="M21 9H3" fill="white"></path> <path d="M7 5V3" fill="white"></path> <path d="M17 5V3" fill="white"></path> <path d="M15 15H9" fill="white"></path> <path d="M12 12V18" fill="white"></path> </svg> Calendar add
DownloadSvg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="calendarAddIconTitle"> <title id="calendarAddIconTitle">Add to calendar</title> <path d="M3 5H21V21H3V5Z" fill="red"></path> <path d="M21 9H3" fill="red"></path> <path d="M7 5V3" fill="red"></path> <path d="M17 5V3" fill="red"></path> <path d="M15 15H9" fill="red"></path> <path d="M12 12V18" fill="red"></path> </svg> Calendar add
DownloadSvg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="calendarAddIconTitle"> <title id="calendarAddIconTitle">Add to calendar</title> <path d="M3 5H21V21H3V5Z" fill="blue"></path> <path d="M21 9H3" fill="blue"></path> <path d="M7 5V3" fill="blue"></path> <path d="M17 5V3" fill="blue"></path> <path d="M15 15H9" fill="blue"></path> <path d="M12 12V18" fill="blue"></path> </svg> Calendar add
DownloadSvg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="calendarAddIconTitle"> <title id="calendarAddIconTitle">Add to calendar</title> <path d="M3 5H21V21H3V5Z" fill="#f3da35"></path> <path d="M21 9H3" fill="#f3da35"></path> <path d="M7 5V3" fill="#f3da35"></path> <path d="M17 5V3" fill="#f3da35"></path> <path d="M15 15H9" fill="#f3da35"></path> <path d="M12 12V18" fill="#f3da35"></path> </svg> Advance Editor
You can edit calendar add as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements