Lock Icon SVG

Lock SVG Icon refers a mechanism for fastened a Mobile, Laptop, Tablet, or Desktop , typically operated by a Password. and with the help of lock we can secure our Private Data.

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

Download

Svg 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

Download

Svg 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

Download

Svg 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

Download

Svg 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

Download

Svg 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.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



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

You may like these icons


Looking For More Icons?