Calendar No Access Icon SVG
Calendar No Access
Calendar no access SVG Icon Code | Customize color
You can get svg icon calendar no access in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 6C6.11929 6 5 7.11929 5 8.5C5 9.00954 5.15244 9.48349 5.4142 9.8787L8.8787 6.4142C8.48349 6.15244 8.00954 6 7.5 6Z" fill="black"/> <path d="M7.5 11C6.99046 11 6.51653 10.8476 6.12131 10.5858L9.58581 7.12131C9.84756 7.51653 10 7.99046 10 8.5C10 9.88071 8.88071 11 7.5 11Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H12V0H11V2H4V0H3V2H1.5C0.671573 2 0 2.67157 0 3.5V13.5C0 14.3284 0.671573 15 1.5 15H13.5C14.3284 15 15 14.3284 15 13.5V3.5C15 2.67157 14.3284 2 13.5 2ZM4 8.5C4 6.567 5.567 5 7.5 5C9.433 5 11 6.567 11 8.5C11 10.433 9.433 12 7.5 12C5.567 12 4 10.433 4 8.5Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 6C6.11929 6 5 7.11929 5 8.5C5 9.00954 5.15244 9.48349 5.4142 9.8787L8.8787 6.4142C8.48349 6.15244 8.00954 6 7.5 6Z" fill="white"></path> <path d="M7.5 11C6.99046 11 6.51653 10.8476 6.12131 10.5858L9.58581 7.12131C9.84756 7.51653 10 7.99046 10 8.5C10 9.88071 8.88071 11 7.5 11Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H12V0H11V2H4V0H3V2H1.5C0.671573 2 0 2.67157 0 3.5V13.5C0 14.3284 0.671573 15 1.5 15H13.5C14.3284 15 15 14.3284 15 13.5V3.5C15 2.67157 14.3284 2 13.5 2ZM4 8.5C4 6.567 5.567 5 7.5 5C9.433 5 11 6.567 11 8.5C11 10.433 9.433 12 7.5 12C5.567 12 4 10.433 4 8.5Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 6C6.11929 6 5 7.11929 5 8.5C5 9.00954 5.15244 9.48349 5.4142 9.8787L8.8787 6.4142C8.48349 6.15244 8.00954 6 7.5 6Z" fill="red"></path> <path d="M7.5 11C6.99046 11 6.51653 10.8476 6.12131 10.5858L9.58581 7.12131C9.84756 7.51653 10 7.99046 10 8.5C10 9.88071 8.88071 11 7.5 11Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H12V0H11V2H4V0H3V2H1.5C0.671573 2 0 2.67157 0 3.5V13.5C0 14.3284 0.671573 15 1.5 15H13.5C14.3284 15 15 14.3284 15 13.5V3.5C15 2.67157 14.3284 2 13.5 2ZM4 8.5C4 6.567 5.567 5 7.5 5C9.433 5 11 6.567 11 8.5C11 10.433 9.433 12 7.5 12C5.567 12 4 10.433 4 8.5Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 6C6.11929 6 5 7.11929 5 8.5C5 9.00954 5.15244 9.48349 5.4142 9.8787L8.8787 6.4142C8.48349 6.15244 8.00954 6 7.5 6Z" fill="blue"></path> <path d="M7.5 11C6.99046 11 6.51653 10.8476 6.12131 10.5858L9.58581 7.12131C9.84756 7.51653 10 7.99046 10 8.5C10 9.88071 8.88071 11 7.5 11Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H12V0H11V2H4V0H3V2H1.5C0.671573 2 0 2.67157 0 3.5V13.5C0 14.3284 0.671573 15 1.5 15H13.5C14.3284 15 15 14.3284 15 13.5V3.5C15 2.67157 14.3284 2 13.5 2ZM4 8.5C4 6.567 5.567 5 7.5 5C9.433 5 11 6.567 11 8.5C11 10.433 9.433 12 7.5 12C5.567 12 4 10.433 4 8.5Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 6C6.11929 6 5 7.11929 5 8.5C5 9.00954 5.15244 9.48349 5.4142 9.8787L8.8787 6.4142C8.48349 6.15244 8.00954 6 7.5 6Z" fill="#f3da35"></path> <path d="M7.5 11C6.99046 11 6.51653 10.8476 6.12131 10.5858L9.58581 7.12131C9.84756 7.51653 10 7.99046 10 8.5C10 9.88071 8.88071 11 7.5 11Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 2H12V0H11V2H4V0H3V2H1.5C0.671573 2 0 2.67157 0 3.5V13.5C0 14.3284 0.671573 15 1.5 15H13.5C14.3284 15 15 14.3284 15 13.5V3.5C15 2.67157 14.3284 2 13.5 2ZM4 8.5C4 6.567 5.567 5 7.5 5C9.433 5 11 6.567 11 8.5C11 10.433 9.433 12 7.5 12C5.567 12 4 10.433 4 8.5Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit calendar no access as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements