Lock Open icon

Microsoft uses it in generic access, security, or safety scenarios. The Lock Open icon is tagged protected, permission and access. Similar Fluent icons include Lock Closed, Lock Closed Key and Lock Multiple.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_lock_open_24_regular.svg

Lock Open icon in React

npm install @fluentui/react-icons

import { LockOpen24Regular } from "@fluentui/react-icons";

export function Example() {
  return <LockOpen24Regular aria-label="Lock Open" />;
}

Use the Lock Open icon in React

Import LockOpen24Regular and LockOpen24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameLock Open
StylesRegular (outlined), Filled, Light
Sizes12 px, 16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_lock_open_24_regular.svg
Filled fileic_fluent_lock_open_24_filled.svg
React (Regular)LockOpen12Regular, LockOpen16Regular, LockOpen20Regular, LockOpen24Regular, LockOpen28Regular, LockOpen32Regular, LockOpen48Regular
React (Filled)LockOpen12Filled, LockOpen16Filled, LockOpen20Filled, LockOpen24Filled, LockOpen28Filled, LockOpen32Filled, LockOpen48Filled
React (Light)LockOpen32Light
Font glyph (Regular, 24 px)U+E796 · &#xE796;
Font glyph (Filled, 24 px)U+E7A4 · &#xE7A4;
LicenseMIT (© Microsoft Corporation)

Keywords

securityaccesssafetypermissionprotection

Also in Material Symbols

Lock Open iconLock OpenGoogle's version of this icon, on Materialicons

Similar icons