icons/Carbon/lockedOpen in browser →

locked · Carbon

Free SVG locked icon from Carbon. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.

locked icon — CarbonFree locked SVG icon from Carbon, filled style, Apache-2.0 licensed.

Tags

  • locked

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="M24 14h-2V8a6 6 0 0 0-12 0v6H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2M12 8a4 4 0 0 1 8 0v6h-8Zm12 20H8V16h16Z"/></g></svg>
React
// Run: npx sant-icons get carbon-locked --format react
export function CarbonLocked(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="M24 14h-2V8a6 6 0 0 0-12 0v6H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2M12 8a4 4 0 0 1 8 0v6h-8Zm12 20H8V16h16Z"/></g></svg>
  );
}
CLI
npx sant-icons get carbon-locked

Properties

Name
locked
Library
Carbon
Style
filled
License
Apache-2.0
Version
1.2.30
Identifier
carbon-locked

locked in other libraries

Related from Carbon

The locked icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon locked", "locked svg", or any of its tagged terms (locked). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch carbon-locked directly into your project. No browser context-switch.