SVG
Viewer
Dark mode
Light mode
Hide sidebar
Calendar Line
Iconwrap Line Interface Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
850 bytes
328 bytes
-61%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Saeedworks: https://dribbble.com/saeedworks --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="style=linear"> <g id="calendar-line"> <path id="line" d="M22 16H2" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path id="rectangle" d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V8Z" stroke="#000000" stroke-width="1.5"/> <path id="vector" d="M9 11.5H15" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path id="line_2" d="M8 2V5.5" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path id="line_3" d="M16 2V5.5" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
850 bytes
328 bytes
-61%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Saeedworks: https://dribbble.com/saeedworks --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="style=linear"> <g id="calendar-line"> <path id="line" d="M22 16H2" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path id="rectangle" d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V8Z" stroke="#000000" stroke-width="1.5"/> <path id="vector" d="M9 11.5H15" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path id="line_2" d="M8 2V5.5" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> <path id="line_3" d="M16 2V5.5" stroke="#000000" stroke-width="1.5" stroke-linecap="round"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download