Calendar Sort Ascending Icon SVG
Calendar Sort Ascending
Calendar sort ascending SVG Icon Code | Customize color You can get svg icon calendar sort ascending in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Calendar sort ascending
Svg Code <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M10 5H8v2H4V5H2v2H0v12h12V7h-2V5zM2 9h8v2H2V9zm0 8v-4h8v4H2zM20 7h-2v8h-2v-2h-2v2h2v2h2v2h2v-2h2v-2h2v-2h-2v2h-2V7z" fill="currentColor" /> </svg>
Calendar sort ascending
Svg Code <svg style="color: white" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M10 5H8v2H4V5H2v2H0v12h12V7h-2V5zM2 9h8v2H2V9zm0 8v-4h8v4H2zM20 7h-2v8h-2v-2h-2v2h2v2h2v2h2v-2h2v-2h2v-2h-2v2h-2V7z" fill="white" ></path> </svg>
Calendar sort ascending
Svg Code <svg style="color: red" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M10 5H8v2H4V5H2v2H0v12h12V7h-2V5zM2 9h8v2H2V9zm0 8v-4h8v4H2zM20 7h-2v8h-2v-2h-2v2h2v2h2v2h2v-2h2v-2h2v-2h-2v2h-2V7z" fill="red" ></path> </svg>
Calendar sort ascending
Svg Code <svg style="color: blue" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M10 5H8v2H4V5H2v2H0v12h12V7h-2V5zM2 9h8v2H2V9zm0 8v-4h8v4H2zM20 7h-2v8h-2v-2h-2v2h2v2h2v2h2v-2h2v-2h2v-2h-2v2h-2V7z" fill="blue" ></path> </svg>
Calendar sort ascending
Svg Code <svg style="color: #f3da35" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <path d="M10 5H8v2H4V5H2v2H0v12h12V7h-2V5zM2 9h8v2H2V9zm0 8v-4h8v4H2zM20 7h-2v8h-2v-2h-2v2h2v2h2v2h2v-2h2v-2h2v-2h-2v2h-2V7z" fill="#f3da35" ></path> </svg>
Advance Editor You can edit calendar sort ascending as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize