Calendar Weekend Icon SVG
Calendar Weekend
Calendar weekend SVG Icon Code | Customize color You can get svg icon calendar weekend in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Calendar weekend
Svg Code <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M17 2h-2v2H9V2H7v2H3v18h18V4h-4V2zM7 6h12v2H5V6h2zM5 20V10h14v10H5zm12-8h-2v6h2v-6z" fill="currentColor" /> </svg>
Calendar weekend
Svg Code <svg style="color: white" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M17 2h-2v2H9V2H7v2H3v18h18V4h-4V2zM7 6h12v2H5V6h2zM5 20V10h14v10H5zm12-8h-2v6h2v-6z" fill="white" ></path> </svg>
Calendar weekend
Svg Code <svg style="color: red" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M17 2h-2v2H9V2H7v2H3v18h18V4h-4V2zM7 6h12v2H5V6h2zM5 20V10h14v10H5zm12-8h-2v6h2v-6z" fill="red" ></path> </svg>
Calendar weekend
Svg Code <svg style="color: blue" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M17 2h-2v2H9V2H7v2H3v18h18V4h-4V2zM7 6h12v2H5V6h2zM5 20V10h14v10H5zm12-8h-2v6h2v-6z" fill="blue" ></path> </svg>
Calendar weekend
Svg Code <svg style="color: #f3da35" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M17 2h-2v2H9V2H7v2H3v18h18V4h-4V2zM7 6h12v2H5V6h2zM5 20V10h14v10H5zm12-8h-2v6h2v-6z" fill="#f3da35" ></path> </svg>
Advance Editor You can edit calendar weekend as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize