SVG
Viewer
Dark mode
Light mode
Hide sidebar
Crosshairs
Vaadin Flat Vectors
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
825 bytes
332 bytes
-60%
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: Apache. Made by vaadin: https://github.com/vaadin/vaadin-icons --> <svg width="800px" height="800px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#444" d="M7.5 0h1v4l-0.5 2-0.5-2v-4z"></path> <path fill="#444" d="M8.5 16h-1v-4l0.5-2 0.5 2v4z"></path> <path fill="#444" d="M16 7.5v1h-4l-2-0.5 2-0.5h4z"></path> <path fill="#444" d="M0 8.5v-1h4l2 0.5-2 0.5h-4z"></path> <path fill="#444" d="M8 2.5c3.038 0 5.5 2.462 5.5 5.5s-2.462 5.5-5.5 5.5c-3.038 0-5.5-2.462-5.5-5.5 0.006-3.035 2.465-5.494 5.499-5.5zM8 1c-3.866 0-7 3.134-7 7s3.134 7 7 7c3.866 0 7-3.134 7-7s-3.134-7-7-7v0z"></path> </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
825 bytes
332 bytes
-60%
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: Apache. Made by vaadin: https://github.com/vaadin/vaadin-icons --> <svg width="800px" height="800px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#444" d="M7.5 0h1v4l-0.5 2-0.5-2v-4z"></path> <path fill="#444" d="M8.5 16h-1v-4l0.5-2 0.5 2v4z"></path> <path fill="#444" d="M16 7.5v1h-4l-2-0.5 2-0.5h4z"></path> <path fill="#444" d="M0 8.5v-1h4l2 0.5-2 0.5h-4z"></path> <path fill="#444" d="M8 2.5c3.038 0 5.5 2.462 5.5 5.5s-2.462 5.5-5.5 5.5c-3.038 0-5.5-2.462-5.5-5.5 0.006-3.035 2.465-5.494 5.499-5.5zM8 1c-3.866 0-7 3.134-7 7s3.134 7 7 7c3.866 0 7-3.134 7-7s-3.134-7-7-7v0z"></path> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download