SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Chart Desc
Ikono Bold Line 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
857 bytes
471 bytes
-45%
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: MIT. Made by Will Kelly: https://www.will-kelly.co.uk/ --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 7.06299L10 14.563L15 10.563L20.5 17.063" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle r="2" transform="matrix(1 0 0 -1 10 15.063)" fill="#000000"/> <path d="M16.8125 10C16.8125 8.89543 15.9171 8 14.8125 8C13.7079 8 12.8125 8.89543 12.8125 10C12.8125 11.1046 13.7079 12 14.8125 12C15.9171 12 16.8125 11.1046 16.8125 10Z" fill="#000000"/> <circle r="2" transform="matrix(1 0 0 -1 4 7.06299)" fill="#000000"/> <path d="M22.5 17C22.5 15.8954 21.6046 15 20.5 15C19.3954 15 18.5 15.8954 18.5 17C18.5 18.1045 19.3954 19 20.5 19C21.6046 19 22.5 18.1045 22.5 17Z" fill="#000000"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
857 bytes
471 bytes
-45%
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: MIT. Made by Will Kelly: https://www.will-kelly.co.uk/ --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 7.06299L10 14.563L15 10.563L20.5 17.063" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle r="2" transform="matrix(1 0 0 -1 10 15.063)" fill="#000000"/> <path d="M16.8125 10C16.8125 8.89543 15.9171 8 14.8125 8C13.7079 8 12.8125 8.89543 12.8125 10C12.8125 11.1046 13.7079 12 14.8125 12C15.9171 12 16.8125 11.1046 16.8125 10Z" fill="#000000"/> <circle r="2" transform="matrix(1 0 0 -1 4 7.06299)" fill="#000000"/> <path d="M22.5 17C22.5 15.8954 21.6046 15 20.5 15C19.3954 15 18.5 15.8954 18.5 17C18.5 18.1045 19.3954 19 20.5 19C21.6046 19 22.5 18.1045 22.5 17Z" fill="#000000"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG