icons/Carbon/keyOpen in browser →

key · Carbon

Free SVG key 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.

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

Tags

  • key

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="M30 9h-2l-2 7l-2-7h-2l3 9v5h2v-5zm-9 2V9h-8v14h8v-2h-6v-4h5v-2h-5v-4zM11 9H8.894L5 15.553V9H3v14h2v-4.294l.928-1.485L8.894 23H11l-3.89-7.57z"/></g></svg>
React
// Run: npx sant-icons get carbon-key --format react
export function CarbonKey(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="M30 9h-2l-2 7l-2-7h-2l3 9v5h2v-5zm-9 2V9h-8v14h8v-2h-6v-4h5v-2h-5v-4zM11 9H8.894L5 15.553V9H3v14h2v-4.294l.928-1.485L8.894 23H11l-3.89-7.57z"/></g></svg>
  );
}
CLI
npx sant-icons get carbon-key

Properties

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

key in other libraries

Related from Carbon

The key icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon key", "key svg", or any of its tagged terms (key). 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-key directly into your project. No browser context-switch.