SVG
Viewer
Dark mode
Light mode
Hide sidebar
User Box
Lets Duotone 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
1.23 KB
866 bytes
-31%
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: 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 fill-rule="evenodd" clip-rule="evenodd" d="M3.17157 3.17157C2 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C3.82496 21.4818 4.70043 21.7708 6.00121 21.8986C6.066 19.184 8.72694 17 12 17C15.2731 17 17.934 19.184 17.9988 21.8986C19.2996 21.7708 20.175 21.4818 20.8284 20.8284C22 19.6569 22 17.7712 22 14V10C22 6.22876 22 4.34315 20.8284 3.17157C19.6569 2 17.7712 2 14 2H10C6.22876 2 4.34315 2 3.17157 3.17157ZM12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" fill="#2A4157" fill-opacity="0.24"/> <path d="M17.9407 21.2989C17.7395 20.1146 17.0355 19.0298 15.9565 18.2411C14.8775 17.4524 13.495 17.0122 12.0599 17.0002C10.6247 16.9883 9.23198 17.4055 8.13433 18.176C7.03668 18.9466 6.30685 20.0196 6.07726 21.2002" stroke="#222222" stroke-width="1.2"/> <circle cx="12" cy="10" r="3" stroke="#222222" stroke-width="1.2" stroke-linecap="round"/> <rect x="2.6" y="2.6" width="18.8" height="18.8" rx="3.4" stroke="#222222" stroke-width="1.2"/> </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
1.23 KB
866 bytes
-31%
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: 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 fill-rule="evenodd" clip-rule="evenodd" d="M3.17157 3.17157C2 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C3.82496 21.4818 4.70043 21.7708 6.00121 21.8986C6.066 19.184 8.72694 17 12 17C15.2731 17 17.934 19.184 17.9988 21.8986C19.2996 21.7708 20.175 21.4818 20.8284 20.8284C22 19.6569 22 17.7712 22 14V10C22 6.22876 22 4.34315 20.8284 3.17157C19.6569 2 17.7712 2 14 2H10C6.22876 2 4.34315 2 3.17157 3.17157ZM12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" fill="#2A4157" fill-opacity="0.24"/> <path d="M17.9407 21.2989C17.7395 20.1146 17.0355 19.0298 15.9565 18.2411C14.8775 17.4524 13.495 17.0122 12.0599 17.0002C10.6247 16.9883 9.23198 17.4055 8.13433 18.176C7.03668 18.9466 6.30685 20.0196 6.07726 21.2002" stroke="#222222" stroke-width="1.2"/> <circle cx="12" cy="10" r="3" stroke="#222222" stroke-width="1.2" stroke-linecap="round"/> <rect x="2.6" y="2.6" width="18.8" height="18.8" rx="3.4" stroke="#222222" stroke-width="1.2"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download