SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Reserve
Coco Duotone 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.98 KB
1.2 KB
-39%
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="M4.22222 20C4.22222 16.7163 6.29848 13.9127 9.22222 12.8056V11.475C9.22222 10.1081 10.6594 9 12 9C13.3406 9 14.7778 10.1081 14.7778 11.475V12.8056C17.7015 13.9127 19.7778 16.7163 19.7778 20H4.22222Z" fill="#363853" fill-opacity="0.15"/> <path d="M2 19.25C1.58579 19.25 1.25 19.5858 1.25 20C1.25 20.4142 1.58579 20.75 2 20.75V19.25ZM22 20.75C22.4142 20.75 22.75 20.4142 22.75 20C22.75 19.5858 22.4142 19.25 22 19.25V20.75ZM4.97222 20C4.97222 17.0419 6.84244 14.5087 9.48781 13.507L8.95664 12.1042C5.75452 13.3167 3.47222 16.3907 3.47222 20H4.97222ZM9.48781 13.507C10.2668 13.212 11.1134 13.05 12 13.05V11.55C10.9293 11.55 9.90295 11.7459 8.95664 12.1042L9.48781 13.507ZM12 13.05C12.8866 13.05 13.7332 13.212 14.5122 13.507L15.0434 12.1042C14.0971 11.7459 13.0707 11.55 12 11.55V13.05ZM14.5122 13.507C17.1576 14.5087 19.0278 17.0419 19.0278 20H20.5278C20.5278 16.3907 18.2455 13.3167 15.0434 12.1042L14.5122 13.507ZM9.97222 11.475C9.97222 11.0646 10.1898 10.6401 10.5942 10.2963C10.9999 9.95147 11.5258 9.75 12 9.75V8.25C11.1337 8.25 10.2707 8.60258 9.62263 9.15348C8.97322 9.70554 8.47222 10.5185 8.47222 11.475H9.97222ZM12 9.75C12.4742 9.75 13.0001 9.95147 13.4058 10.2963C13.8102 10.6401 14.0278 11.0646 14.0278 11.475H15.5278C15.5278 10.5185 15.0268 9.70554 14.3774 9.15348C13.7293 8.60258 12.8663 8.25 12 8.25V9.75ZM14.0278 11.475V12.8056H15.5278V11.475H14.0278ZM14.0278 12.8056V12.85H15.5278V12.8056H14.0278ZM8.47222 11.475V12.8056H9.97222V11.475H8.47222ZM8.47222 12.8056V12.85H9.97222V12.8056H8.47222ZM2 20.75H4.22222V19.25H2V20.75ZM4.22222 20.75H19.7778V19.25H4.22222V20.75ZM19.7778 20.75H22V19.25H19.7778V20.75Z" fill="#363853"/> <path d="M12 5V4M16.5 6.06219L15.5622 7M8.43781 7L7.5 6.06218" stroke="#363853" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="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
1.98 KB
1.2 KB
-39%
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="M4.22222 20C4.22222 16.7163 6.29848 13.9127 9.22222 12.8056V11.475C9.22222 10.1081 10.6594 9 12 9C13.3406 9 14.7778 10.1081 14.7778 11.475V12.8056C17.7015 13.9127 19.7778 16.7163 19.7778 20H4.22222Z" fill="#363853" fill-opacity="0.15"/> <path d="M2 19.25C1.58579 19.25 1.25 19.5858 1.25 20C1.25 20.4142 1.58579 20.75 2 20.75V19.25ZM22 20.75C22.4142 20.75 22.75 20.4142 22.75 20C22.75 19.5858 22.4142 19.25 22 19.25V20.75ZM4.97222 20C4.97222 17.0419 6.84244 14.5087 9.48781 13.507L8.95664 12.1042C5.75452 13.3167 3.47222 16.3907 3.47222 20H4.97222ZM9.48781 13.507C10.2668 13.212 11.1134 13.05 12 13.05V11.55C10.9293 11.55 9.90295 11.7459 8.95664 12.1042L9.48781 13.507ZM12 13.05C12.8866 13.05 13.7332 13.212 14.5122 13.507L15.0434 12.1042C14.0971 11.7459 13.0707 11.55 12 11.55V13.05ZM14.5122 13.507C17.1576 14.5087 19.0278 17.0419 19.0278 20H20.5278C20.5278 16.3907 18.2455 13.3167 15.0434 12.1042L14.5122 13.507ZM9.97222 11.475C9.97222 11.0646 10.1898 10.6401 10.5942 10.2963C10.9999 9.95147 11.5258 9.75 12 9.75V8.25C11.1337 8.25 10.2707 8.60258 9.62263 9.15348C8.97322 9.70554 8.47222 10.5185 8.47222 11.475H9.97222ZM12 9.75C12.4742 9.75 13.0001 9.95147 13.4058 10.2963C13.8102 10.6401 14.0278 11.0646 14.0278 11.475H15.5278C15.5278 10.5185 15.0268 9.70554 14.3774 9.15348C13.7293 8.60258 12.8663 8.25 12 8.25V9.75ZM14.0278 11.475V12.8056H15.5278V11.475H14.0278ZM14.0278 12.8056V12.85H15.5278V12.8056H14.0278ZM8.47222 11.475V12.8056H9.97222V11.475H8.47222ZM8.47222 12.8056V12.85H9.97222V12.8056H8.47222ZM2 20.75H4.22222V19.25H2V20.75ZM4.22222 20.75H19.7778V19.25H4.22222V20.75ZM19.7778 20.75H22V19.25H19.7778V20.75Z" fill="#363853"/> <path d="M12 5V4M16.5 6.06219L15.5622 7M8.43781 7L7.5 6.06218" stroke="#363853" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download