SVG
Viewer
Dark mode
Light mode
Hide sidebar
App Launcher
Lawnicons Line Brand 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
2.3 KB
2.08 KB
-9%
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"?> <!-- License: Apache. Made by lawnchairlauncher: https://github.com/lawnchairlauncher/lawnicons --> <svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="none"> <g style="stroke-width:11.9994;stroke-dasharray:none" transform="matrix(1.00006 0 0 1.00005 -.005 -.005)"> <circle cx="149.333" cy="42.666" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="149.333" cy="96" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="149.333" cy="149.334" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="96" cy="42.666" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="96" cy="96" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="96" cy="149.334" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="42.666" cy="42.666" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="42.666" cy="96" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="42.666" cy="149.334" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> </g> </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
2.3 KB
2.08 KB
-9%
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"?> <!-- License: Apache. Made by lawnchairlauncher: https://github.com/lawnchairlauncher/lawnicons --> <svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="none"> <g style="stroke-width:11.9994;stroke-dasharray:none" transform="matrix(1.00006 0 0 1.00005 -.005 -.005)"> <circle cx="149.333" cy="42.666" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="149.333" cy="96" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="149.333" cy="149.334" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="96" cy="42.666" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="96" cy="96" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="96" cy="149.334" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="42.666" cy="42.666" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="42.666" cy="96" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> <circle cx="42.666" cy="149.334" r="20.663" style="fill:none;fill-opacity:.4;stroke:#000000;stroke-width:11.9994;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5;stroke-dasharray:none;stroke-opacity:1"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download