Locked And Blocked Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Locked And Blocked icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/318285.svg" alt="Locked And Blocked icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318285.svg" alt="Locked And Blocked icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318285.svg" alt="Locked And Blocked icon" :width="24" :height="24" />
CSS background
.icon-locked-and-blocked {
background-image: url('https://proicons.com/icon/318285.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path d="M30.4461,20.1005c-.1386-.0692-.2914-.1052-.4464-.1053h-10c-.5522,0-1.0001.4474-1.0002.9998,0,.1338.0268.2662.0789.3895l5.0268,10.0581c.1694.3388.5158.5527.8946.5527.3788,0,.7253-.2139.8947-.5527l5-10c.2468-.4944.046-1.0953-.4484-1.342h0ZM8,16h16v2h2v-2c0-1.1046-.8954-2-2-2h-2v-6c0-3.3137-2.6863-6-6-6s-6,2.6863-6,6v6h-2c-1.1046,0-2,.8954-2,2v12c0,1.1046.8954,2,2,2h11v-2h-11v-12ZM12,8c0-2.2092,1.7908-4,4-4s4,1.7908,4,4v6h-8v-6Z"/>
<rect id="_Transparent_Rectangle_" data-name=" &lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!