SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Robot One
Hardware 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
980 bytes
590 bytes
-40%
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
<!-- License: MIT. Made by IconPark: https://github.com/bytedance/IconPark --> <svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" fill="white" fill-opacity="0.01"/> <rect x="9" y="18" width="30" height="24" rx="2" fill="#2F88FF" stroke="black" stroke-width="4"/> <circle cx="17" cy="26" r="2" fill="white"/> <circle cx="31" cy="26" r="2" fill="white"/> <path d="M20 32C18.8954 32 18 32.8954 18 34C18 35.1046 18.8954 36 20 36V32ZM28 36C29.1046 36 30 35.1046 30 34C30 32.8954 29.1046 32 28 32V36ZM20 36H28V32H20V36Z" fill="white"/> <path d="M24 10V18" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 26V34" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M44 26V34" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="24" cy="8" r="2" stroke="black" stroke-width="4"/> </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
980 bytes
590 bytes
-40%
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
<!-- License: MIT. Made by IconPark: https://github.com/bytedance/IconPark --> <svg width="48px" height="48px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="48" height="48" fill="white" fill-opacity="0.01"/> <rect x="9" y="18" width="30" height="24" rx="2" fill="#2F88FF" stroke="black" stroke-width="4"/> <circle cx="17" cy="26" r="2" fill="white"/> <circle cx="31" cy="26" r="2" fill="white"/> <path d="M20 32C18.8954 32 18 32.8954 18 34C18 35.1046 18.8954 36 20 36V32ZM28 36C29.1046 36 30 35.1046 30 34C30 32.8954 29.1046 32 28 32V36ZM20 36H28V32H20V36Z" fill="white"/> <path d="M24 10V18" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 26V34" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M44 26V34" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="24" cy="8" r="2" stroke="black" stroke-width="4"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download