lock open icon
lock-open-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- lock-open-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
lock-openBoxIcons v2lock-openBoxIcons v2 Solidlock-openFont Awesome 6 Solidlock-openFont Awesome Solidlock-open-outlineFlowbite Iconslock-open-12-filledFluent UI System Iconslock-openHeroIconslock-openHuge Iconslock-openHumbleiconslock-openIonIconslock-openLine Awesomelock-openLucidelock-openMajesticonslock-openMaterial Symbolslock-openMaterial Symbols Lightlock-openMaterial Design Iconslock-openMyna UI Iconslock-openPhosphorlock-openPixelarticonslock-openPrime Iconslock-openTabler Icons
Related icons in Framework7 Icons
Use the lock open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M40.316 3.297c-6.609 0-12.984 4.547-12.984 14.226v7.383H7.246c-3.117 0-4.57 1.477-4.57 4.828v18.141c0 3.352 1.453 4.828 4.57 4.828h23.578c3.117 0 4.57-1.476 4.57-4.828v-18.14c0-3.235-1.359-4.712-4.289-4.805v-7.9c0-6.656 4.313-10.148 9.211-10.148c4.922 0 9.234 3.492 9.234 10.148v5.39c0 1.665.82 2.368 1.899 2.368c1.031 0 1.875-.633 1.875-2.297v-4.969c0-9.68-6.398-14.226-13.008-14.226"/></svg>
React
import type { SVGProps } from "react";
export function F7LockOpenFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M40.316 3.297c-6.609 0-12.984 4.547-12.984 14.226v7.383H7.246c-3.117 0-4.57 1.477-4.57 4.828v18.141c0 3.352 1.453 4.828 4.57 4.828h23.578c3.117 0 4.57-1.476 4.57-4.828v-18.14c0-3.235-1.359-4.712-4.289-4.805v-7.9c0-6.656 4.313-10.148 9.211-10.148c4.922 0 9.234 3.492 9.234 10.148v5.39c0 1.665.82 2.368 1.899 2.368c1.031 0 1.875-.633 1.875-2.297v-4.969c0-9.68-6.398-14.226-13.008-14.226"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M40.316 3.297c-6.609 0-12.984 4.547-12.984 14.226v7.383H7.246c-3.117 0-4.57 1.477-4.57 4.828v18.141c0 3.352 1.453 4.828 4.57 4.828h23.578c3.117 0 4.57-1.476 4.57-4.828v-18.14c0-3.235-1.359-4.712-4.289-4.805v-7.9c0-6.656 4.313-10.148 9.211-10.148c4.922 0 9.234 3.492 9.234 10.148v5.39c0 1.665.82 2.368 1.899 2.368c1.031 0 1.875-.633 1.875-2.297v-4.969c0-9.68-6.398-14.226-13.008-14.226"/></svg> </template>
CSS
.icon-lock-open-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M40.316%203.297c-6.609%200-12.984%204.547-12.984%2014.226v7.383H7.246c-3.117%200-4.57%201.477-4.57%204.828v18.141c0%203.352%201.453%204.828%204.57%204.828h23.578c3.117%200%204.57-1.476%204.57-4.828v-18.14c0-3.235-1.359-4.712-4.289-4.805v-7.9c0-6.656%204.313-10.148%209.211-10.148c4.922%200%209.234%203.492%209.234%2010.148v5.39c0%201.665.82%202.368%201.899%202.368c1.031%200%201.875-.633%201.875-2.297v-4.969c0-9.68-6.398-14.226-13.008-14.226%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M40.316%203.297c-6.609%200-12.984%204.547-12.984%2014.226v7.383H7.246c-3.117%200-4.57%201.477-4.57%204.828v18.141c0%203.352%201.453%204.828%204.57%204.828h23.578c3.117%200%204.57-1.476%204.57-4.828v-18.14c0-3.235-1.359-4.712-4.289-4.805v-7.9c0-6.656%204.313-10.148%209.211-10.148c4.922%200%209.234%203.492%209.234%2010.148v5.39c0%201.665.82%202.368%201.899%202.368c1.031%200%201.875-.633%201.875-2.297v-4.969c0-9.68-6.398-14.226-13.008-14.226%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/lock-open-fill.svg?color=%231a73e8&size=48
