SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Basket Alt 2
Lets Bold Circular 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
1011 bytes
505 bytes
-50%
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 Leonid Tsvetkov: https://www.figma.com/@leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10H4C3.44772 10 3 9.55228 3 9C3 8.44772 3.44772 8 4 8H20C20.5523 8 21 8.44772 21 9C21 9.55228 20.5523 10 20 10Z" fill="#222222"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.19768 12.7791L6.80232 18.2209C6.91486 19.2337 7.77099 20 8.79009 20H15.2099C16.229 20 17.0851 19.2337 17.1977 18.2209L17.8023 12.7791C17.9149 11.7663 18.771 11 19.7901 11H4.20991C5.22901 11 6.08514 11.7663 6.19768 12.7791ZM11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14V17C9 17.5523 9.44772 18 10 18C10.5523 18 11 17.5523 11 17V14ZM15 14C15 13.4477 14.5523 13 14 13C13.4477 13 13 13.4477 13 14V17C13 17.5523 13.4477 18 14 18C14.5523 18 15 17.5523 15 17V14Z" fill="#222222"/> <path d="M8 5L6 9M16 5L18 9" stroke="#222222" stroke-width="2" stroke-linecap="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
1011 bytes
505 bytes
-50%
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 Leonid Tsvetkov: https://www.figma.com/@leonid --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 10H4C3.44772 10 3 9.55228 3 9C3 8.44772 3.44772 8 4 8H20C20.5523 8 21 8.44772 21 9C21 9.55228 20.5523 10 20 10Z" fill="#222222"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.19768 12.7791L6.80232 18.2209C6.91486 19.2337 7.77099 20 8.79009 20H15.2099C16.229 20 17.0851 19.2337 17.1977 18.2209L17.8023 12.7791C17.9149 11.7663 18.771 11 19.7901 11H4.20991C5.22901 11 6.08514 11.7663 6.19768 12.7791ZM11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14V17C9 17.5523 9.44772 18 10 18C10.5523 18 11 17.5523 11 17V14ZM15 14C15 13.4477 14.5523 13 14 13C13.4477 13 13 13.4477 13 14V17C13 17.5523 13.4477 18 14 18C14.5523 18 15 17.5523 15 17V14Z" fill="#222222"/> <path d="M8 5L6 9M16 5L18 9" stroke="#222222" stroke-width="2" stroke-linecap="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download