SVG
Viewer
Dark mode
Light mode
Hide sidebar
Lock
Uxaspects Sharp Cornered 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
519 bytes
234 bytes
-55%
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 UXAspects: https://github.com/UXAspects/UXAspects --> <svg fill="#000000" height="800px" width="800px" version="1.1" id="XMLID_248_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"> <g id="lock"> <g> <path d="M22,24H2V10h3V7c0-3.9,3.1-7,7-7s7,3.1,7,7v3h3V24z M4,22h16V12H4V22z M7,10h10V7c0-2.8-2.2-5-5-5S7,4.2,7,7V10z M13,19 h-2v-4h2V19z"/> </g> </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
519 bytes
234 bytes
-55%
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 UXAspects: https://github.com/UXAspects/UXAspects --> <svg fill="#000000" height="800px" width="800px" version="1.1" id="XMLID_248_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"> <g id="lock"> <g> <path d="M22,24H2V10h3V7c0-3.9,3.1-7,7-7s7,3.1,7,7v3h3V24z M4,22h16V12H4V22z M7,10h10V7c0-2.8-2.2-5-5-5S7,4.2,7,7V10z M13,19 h-2v-4h2V19z"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download