SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Stamp
Interface Edit 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
683 bytes
532 bytes
-22%
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"/> <path d="M4 8L8 4L12 7L16 4L20 7L24 4L28 7L32 4L36 7L40 4L44 8L41 12L44 16L41 20L44 24L41 28L44 32L41 36L44 40L40 44L36 41L32 44L28 41L24 44L20 41L16 44L12 41L8 44L4 40L7 36L4 32L7 28L4 24L7 20L4 16L7 12L4 8Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="24" cy="24" r="10" fill="#43CCF8" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="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
683 bytes
532 bytes
-22%
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"/> <path d="M4 8L8 4L12 7L16 4L20 7L24 4L28 7L32 4L36 7L40 4L44 8L41 12L44 16L41 20L44 24L41 28L44 32L41 36L44 40L40 44L36 41L32 44L28 41L24 44L20 41L16 44L12 41L8 44L4 40L7 36L4 32L7 28L4 24L7 20L4 16L7 12L4 8Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="24" cy="24" r="10" fill="#43CCF8" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download