Lock Icon SVG
Get Free Lock Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Lock Icon SVG file (HMTL/CSS) in different colors and sizes. Lock SVG icon white, black, red, green, blue, transparent, and other colors.
Lock Icon Svg Code | Path | Download
Download free Lock SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Lock Icon SVG code in HTML/Css from below.
Lock SVG Icon Code | Customize color
You can get svg icon lock in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Lock
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 16 16"> <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/> </svg>
Lock
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 16 16"> <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/> </svg>
Lock
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 16 16"> <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/> </svg>
Lock
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 16 16"> <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/> </svg>
Lock
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 16 16"> <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/> </svg>
Advance Editor
You can edit lock as below. Change size color and background color of icon using below tool.
Tags
join,interlock,mesh,engage,link,unite,connect,combine,yoke,mate,couple,become stuck,stick,jam,secure,bond ,Password
How to add Lock SVG Icon?
Here are the five important steps to add this SVG icon.
- Customize your Lock SVG Icon color, size, and shape.
- Click on the download Lock SVG Code File Button.
- Now, SVG Lock Icon will be downloaded to your device.
- Upload this Lock icon SVG file in your desired projects.
- Lock SVG Icon uses - Websites, Apps, PPT, & Other Projects.
Advertisements
Lock SVG Related Icons
Here are some related svg icons matching to Lock.
Lock Icon SVG - Faq(s)?
⭐Can I get Free Lock Icon SVG?Yes, you can get free Lock SVG icons.
⭐ How to download free Lock Icon SVG code?To download free Lock icons in SVG code click on the copy code button.
⭐How to find the Lock Icon SVG path file?You can get the Lock SVG file path from the above section.
⭐ What are the colors available for SVG Lock Icon?You can check the Lock SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements