SVG
Viewer
Dark mode
Light mode
Hide sidebar
Magnet
Bicon Thin 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
1.44 KB
870 bytes
-41%
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"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC Attribution. Made by xinh.studio: https://xinh.studio/ --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 24 32" enable-background="new 0 0 24 32" xml:space="preserve"> <g> <path fill="#808184" d="M12,32c6.617,0,12-5.703,12-12.712V11c0-0.276-0.224-0.5-0.5-0.5S23,10.724,23,11v8.288 C23,25.746,18.065,31,12,31S1,25.746,1,19.288V11c0-0.276-0.224-0.5-0.5-0.5S0,10.724,0,11v8.288C0,26.297,5.383,32,12,32z"/> <path fill="#808184" d="M7,11c0-0.276-0.224-0.5-0.5-0.5S6,10.724,6,11v8.288c0,3.704,2.636,6.606,6,6.606s6-2.902,6-6.606V11 c0-0.276-0.224-0.5-0.5-0.5S17,10.724,17,11v8.288c0,3.144-2.196,5.606-5,5.606s-5-2.462-5-5.606V11z"/> <path fill="#808184" d="M18.5,8h4C23.327,8,24,7.357,24,6.567V1.5C24,0.673,23.327,0,22.5,0h-4C17.673,0,17,0.673,17,1.5v5.067 C17,7.357,17.673,8,18.5,8z M18,1.5C18,1.224,18.225,1,18.5,1h4C22.775,1,23,1.224,23,1.5v5.067C23,6.806,22.775,7,22.5,7h-4 C18.225,7,18,6.806,18,6.567V1.5z"/> <path fill="#808184" d="M1.5,8h4C6.327,8,7,7.357,7,6.567V1.5C7,0.673,6.327,0,5.5,0h-4C0.673,0,0,0.673,0,1.5v5.067 C0,7.357,0.673,8,1.5,8z M1,1.5C1,1.224,1.225,1,1.5,1h4C5.775,1,6,1.224,6,1.5v5.067C6,6.806,5.775,7,5.5,7h-4 C1.225,7,1,6.806,1,6.567V1.5z"/> </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
1.44 KB
870 bytes
-41%
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"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC Attribution. Made by xinh.studio: https://xinh.studio/ --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 24 32" enable-background="new 0 0 24 32" xml:space="preserve"> <g> <path fill="#808184" d="M12,32c6.617,0,12-5.703,12-12.712V11c0-0.276-0.224-0.5-0.5-0.5S23,10.724,23,11v8.288 C23,25.746,18.065,31,12,31S1,25.746,1,19.288V11c0-0.276-0.224-0.5-0.5-0.5S0,10.724,0,11v8.288C0,26.297,5.383,32,12,32z"/> <path fill="#808184" d="M7,11c0-0.276-0.224-0.5-0.5-0.5S6,10.724,6,11v8.288c0,3.704,2.636,6.606,6,6.606s6-2.902,6-6.606V11 c0-0.276-0.224-0.5-0.5-0.5S17,10.724,17,11v8.288c0,3.144-2.196,5.606-5,5.606s-5-2.462-5-5.606V11z"/> <path fill="#808184" d="M18.5,8h4C23.327,8,24,7.357,24,6.567V1.5C24,0.673,23.327,0,22.5,0h-4C17.673,0,17,0.673,17,1.5v5.067 C17,7.357,17.673,8,18.5,8z M18,1.5C18,1.224,18.225,1,18.5,1h4C22.775,1,23,1.224,23,1.5v5.067C23,6.806,22.775,7,22.5,7h-4 C18.225,7,18,6.806,18,6.567V1.5z"/> <path fill="#808184" d="M1.5,8h4C6.327,8,7,7.357,7,6.567V1.5C7,0.673,6.327,0,5.5,0h-4C0.673,0,0,0.673,0,1.5v5.067 C0,7.357,0.673,8,1.5,8z M1,1.5C1,1.224,1.225,1,1.5,1h4C5.775,1,6,1.224,6,1.5v5.067C6,6.806,5.775,7,5.5,7h-4 C1.225,7,1,6.806,1,6.567V1.5z"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download