icons/Carbon/hdrOpen in browser →

hdr · Carbon

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

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

Tags

  • hdr

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 15v-4a2 2 0 0 0-2-2h-6v14h2v-6h1.48l2.34 6H30l-2.33-6H28a2 2 0 0 0 2-2m-6-4h4v4h-4Zm-8 12h-4V9h4a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4m-2-2h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-2ZM8 9v6H4V9H2v14h2v-6h4v6h2V9z"/></g></svg>
React
// Run: npx sant-icons get carbon-hdr --format react
export function CarbonHdr(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 15v-4a2 2 0 0 0-2-2h-6v14h2v-6h1.48l2.34 6H30l-2.33-6H28a2 2 0 0 0 2-2m-6-4h4v4h-4Zm-8 12h-4V9h4a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4m-2-2h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-2ZM8 9v6H4V9H2v14h2v-6h4v6h2V9z"/></g></svg>
  );
}
CLI
npx sant-icons get carbon-hdr

Properties

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

hdr in other libraries

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