SVG
Viewer
Dark mode
Light mode
Hide sidebar
Headset
Element Plus 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
532 bytes
387 bytes
-27%
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: MIT. Made by element-plus: https://github.com/element-plus/element-plus-icons --> <svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" xmlns="http://www.w3.org/2000/svg"><path fill="#000000" d="M896 529.152V512a384 384 0 10-768 0v17.152A128 128 0 01320 640v128a128 128 0 11-256 0V512a448 448 0 11896 0v256a128 128 0 11-256 0V640a128 128 0 01192-110.848zM896 640a64 64 0 00-128 0v128a64 64 0 00128 0V640zm-768 0v128a64 64 0 00128 0V640a64 64 0 10-128 0z"/></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
532 bytes
387 bytes
-27%
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: MIT. Made by element-plus: https://github.com/element-plus/element-plus-icons --> <svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" xmlns="http://www.w3.org/2000/svg"><path fill="#000000" d="M896 529.152V512a384 384 0 10-768 0v17.152A128 128 0 01320 640v128a128 128 0 11-256 0V512a448 448 0 11896 0v256a128 128 0 11-256 0V640a128 128 0 01192-110.848zM896 640a64 64 0 00-128 0v128a64 64 0 00128 0V640zm-768 0v128a64 64 0 00128 0V640a64 64 0 10-128 0z"/></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download