SVG
Viewer
Dark mode
Light mode
Hide sidebar
Lock
Colour Creative Oval Line 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
855 bytes
372 bytes
-56%
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 colourcreative: https://www.figma.com/@colourcreative --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.77759 19.3198V12.9138C4.77759 11.9029 5.59704 11.0835 6.60789 11.0835H17.5897C18.6006 11.0835 19.42 11.9029 19.42 12.9138V19.3198C19.42 20.3307 18.6006 21.1501 17.5897 21.1501H6.60789C5.59704 21.1501 4.77759 20.3307 4.77759 19.3198Z" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <path d="M6.60791 11.0834L6.60791 8.33798C6.60791 5.30544 9.06628 2.84708 12.0988 2.84708V2.84708C15.1314 2.84708 17.5897 5.30544 17.5897 8.33798V11.0834" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <path d="M12 15L12 17" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> </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
855 bytes
372 bytes
-56%
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 colourcreative: https://www.figma.com/@colourcreative --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.77759 19.3198V12.9138C4.77759 11.9029 5.59704 11.0835 6.60789 11.0835H17.5897C18.6006 11.0835 19.42 11.9029 19.42 12.9138V19.3198C19.42 20.3307 18.6006 21.1501 17.5897 21.1501H6.60789C5.59704 21.1501 4.77759 20.3307 4.77759 19.3198Z" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <path d="M6.60791 11.0834L6.60791 8.33798C6.60791 5.30544 9.06628 2.84708 12.0988 2.84708V2.84708C15.1314 2.84708 17.5897 5.30544 17.5897 8.33798V11.0834" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <path d="M12 15L12 17" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download