SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Marking
Coco Bold 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
1.31 KB
497 bytes
-63%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Amir Baqian: https://dribbble.com/amirbaqian --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 7.15385C11.6176 7.15385 11.3077 6.84389 11.3077 6.46154V3.69231C11.3077 3.30996 11.6176 3 12 3C12.3824 3 12.6923 3.30996 12.6923 3.69231V6.46154C12.6923 6.84389 12.3824 7.15385 12 7.15385Z" fill="#363853"/> <path d="M12 15.6923C14.0392 15.6923 15.6923 14.0392 15.6923 12C15.6923 9.96079 14.0392 8.30769 12 8.30769C9.96079 8.30769 8.30769 9.96079 8.30769 12C8.30769 14.0392 9.96079 15.6923 12 15.6923Z" fill="#363853"/> <path d="M16.8462 12C16.8462 11.6176 17.1561 11.3077 17.5385 11.3077H20.3077C20.69 11.3077 21 11.6176 21 12C21 12.3824 20.69 12.6923 20.3077 12.6923H17.5385C17.1561 12.6923 16.8462 12.3824 16.8462 12Z" fill="#363853"/> <path d="M3.69231 11.3077C3.30996 11.3077 3 11.6176 3 12C3 12.3824 3.30996 12.6923 3.69231 12.6923H6.46154C6.84389 12.6923 7.15385 12.3824 7.15385 12C7.15385 11.6176 6.84389 11.3077 6.46154 11.3077H3.69231Z" fill="#363853"/> <path d="M11.3077 20.3077C11.3077 20.69 11.6176 21 12 21C12.3824 21 12.6923 20.69 12.6923 20.3077V17.5385C12.6923 17.1561 12.3824 16.8462 12 16.8462C11.6176 16.8462 11.3077 17.1561 11.3077 17.5385V20.3077Z" fill="#363853"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.31 KB
497 bytes
-63%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by Amir Baqian: https://dribbble.com/amirbaqian --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 7.15385C11.6176 7.15385 11.3077 6.84389 11.3077 6.46154V3.69231C11.3077 3.30996 11.6176 3 12 3C12.3824 3 12.6923 3.30996 12.6923 3.69231V6.46154C12.6923 6.84389 12.3824 7.15385 12 7.15385Z" fill="#363853"/> <path d="M12 15.6923C14.0392 15.6923 15.6923 14.0392 15.6923 12C15.6923 9.96079 14.0392 8.30769 12 8.30769C9.96079 8.30769 8.30769 9.96079 8.30769 12C8.30769 14.0392 9.96079 15.6923 12 15.6923Z" fill="#363853"/> <path d="M16.8462 12C16.8462 11.6176 17.1561 11.3077 17.5385 11.3077H20.3077C20.69 11.3077 21 11.6176 21 12C21 12.3824 20.69 12.6923 20.3077 12.6923H17.5385C17.1561 12.6923 16.8462 12.3824 16.8462 12Z" fill="#363853"/> <path d="M3.69231 11.3077C3.30996 11.3077 3 11.6176 3 12C3 12.3824 3.30996 12.6923 3.69231 12.6923H6.46154C6.84389 12.6923 7.15385 12.3824 7.15385 12C7.15385 11.6176 6.84389 11.3077 6.46154 11.3077H3.69231Z" fill="#363853"/> <path d="M11.3077 20.3077C11.3077 20.69 11.6176 21 12 21C12.3824 21 12.6923 20.69 12.6923 20.3077V17.5385C12.6923 17.1561 12.3824 16.8462 12 16.8462C11.6176 16.8462 11.3077 17.1561 11.3077 17.5385V20.3077Z" fill="#363853"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG