Lock Square Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Lock Square icon is commonly used in login screens, security indicators and password fields. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310816.svg" alt="Lock Square icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310816.svg" alt="Lock Square icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310816.svg" alt="Lock Square icon" :width="24" :height="24" />
CSS background
.icon-lock-square {
background-image: url('https://proicons.com/icon/310816.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.1306 10.5522H8.86988C8.00545 10.5522 7.30469 11.2004 7.30469 12V16.3435C7.30469 17.1431 8.00545 17.7913 8.86988 17.7913H15.1306C15.9951 17.7913 16.6958 17.1431 16.6958 16.3435V12C16.6958 11.2004 15.9951 10.5522 15.1306 10.5522Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.10449 10.5521V9.10434C9.10449 8.33638 9.40956 7.59987 9.95259 7.05684C10.4956 6.51381 11.2321 6.20874 12.0001 6.20874C12.7681 6.20874 13.5046 6.51381 14.0476 7.05684C14.5906 7.59987 14.8957 8.33638 14.8957 9.10434V10.5521" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect x="2.75" y="2.75" width="18.5" height="18.5" rx="6" stroke="black" stroke-width="1.5"/> </svg>
Lock Square in other icon packs
Copied!