lock open icon
lock-open from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- lock-open
- Set
- Framework7 Icons
- Style
- Outline
- 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.434 3.18c-6.61 0-12.985 4.547-12.985 14.226v7.078H7.785c-3.516 0-5.226 1.735-5.226 5.508v17.32c0 3.797 1.71 5.508 5.226 5.508H30.52c3.515 0 5.226-1.71 5.226-5.507v-17.32c0-3.516-1.477-5.25-4.523-5.462v-7.617c0-6.656 4.312-10.148 9.21-10.148c4.922 0 9.235 3.492 9.235 10.148v5.39c0 1.665.82 2.368 1.898 2.368c1.032 0 1.875-.633 1.875-2.297v-4.969c0-9.68-6.398-14.226-13.007-14.226M30.356 28.023c1.101 0 1.617.47 1.617 1.758V47.5c0 1.313-.516 1.805-1.617 1.805H7.948c-1.078 0-1.617-.492-1.617-1.805V29.781c0-1.289.54-1.758 1.617-1.758Z"/></svg>
React
import type { SVGProps } from "react";
export function F7LockOpen(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.434 3.18c-6.61 0-12.985 4.547-12.985 14.226v7.078H7.785c-3.516 0-5.226 1.735-5.226 5.508v17.32c0 3.797 1.71 5.508 5.226 5.508H30.52c3.515 0 5.226-1.71 5.226-5.507v-17.32c0-3.516-1.477-5.25-4.523-5.462v-7.617c0-6.656 4.312-10.148 9.21-10.148c4.922 0 9.235 3.492 9.235 10.148v5.39c0 1.665.82 2.368 1.898 2.368c1.032 0 1.875-.633 1.875-2.297v-4.969c0-9.68-6.398-14.226-13.007-14.226M30.356 28.023c1.101 0 1.617.47 1.617 1.758V47.5c0 1.313-.516 1.805-1.617 1.805H7.948c-1.078 0-1.617-.492-1.617-1.805V29.781c0-1.289.54-1.758 1.617-1.758Z"/></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.434 3.18c-6.61 0-12.985 4.547-12.985 14.226v7.078H7.785c-3.516 0-5.226 1.735-5.226 5.508v17.32c0 3.797 1.71 5.508 5.226 5.508H30.52c3.515 0 5.226-1.71 5.226-5.507v-17.32c0-3.516-1.477-5.25-4.523-5.462v-7.617c0-6.656 4.312-10.148 9.21-10.148c4.922 0 9.235 3.492 9.235 10.148v5.39c0 1.665.82 2.368 1.898 2.368c1.032 0 1.875-.633 1.875-2.297v-4.969c0-9.68-6.398-14.226-13.007-14.226M30.356 28.023c1.101 0 1.617.47 1.617 1.758V47.5c0 1.313-.516 1.805-1.617 1.805H7.948c-1.078 0-1.617-.492-1.617-1.805V29.781c0-1.289.54-1.758 1.617-1.758Z"/></svg> </template>
CSS
.icon-lock-open {
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.434%203.18c-6.61%200-12.985%204.547-12.985%2014.226v7.078H7.785c-3.516%200-5.226%201.735-5.226%205.508v17.32c0%203.797%201.71%205.508%205.226%205.508H30.52c3.515%200%205.226-1.71%205.226-5.507v-17.32c0-3.516-1.477-5.25-4.523-5.462v-7.617c0-6.656%204.312-10.148%209.21-10.148c4.922%200%209.235%203.492%209.235%2010.148v5.39c0%201.665.82%202.368%201.898%202.368c1.032%200%201.875-.633%201.875-2.297v-4.969c0-9.68-6.398-14.226-13.007-14.226M30.356%2028.023c1.101%200%201.617.47%201.617%201.758V47.5c0%201.313-.516%201.805-1.617%201.805H7.948c-1.078%200-1.617-.492-1.617-1.805V29.781c0-1.289.54-1.758%201.617-1.758Z%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.434%203.18c-6.61%200-12.985%204.547-12.985%2014.226v7.078H7.785c-3.516%200-5.226%201.735-5.226%205.508v17.32c0%203.797%201.71%205.508%205.226%205.508H30.52c3.515%200%205.226-1.71%205.226-5.507v-17.32c0-3.516-1.477-5.25-4.523-5.462v-7.617c0-6.656%204.312-10.148%209.21-10.148c4.922%200%209.235%203.492%209.235%2010.148v5.39c0%201.665.82%202.368%201.898%202.368c1.032%200%201.875-.633%201.875-2.297v-4.969c0-9.68-6.398-14.226-13.007-14.226M30.356%2028.023c1.101%200%201.617.47%201.617%201.758V47.5c0%201.313-.516%201.805-1.617%201.805H7.948c-1.078%200-1.617-.492-1.617-1.805V29.781c0-1.289.54-1.758%201.617-1.758Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/lock-open.svg?color=%231a73e8&size=48
