icons/Huge Icons/case-upperOpen in browser →

case-upper · Huge Icons

Free SVG case-upper icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.

case-upper icon — Huge IconsFree case-upper SVG icon from Huge Icons, stroke style, MIT licensed.

Tags

  • case
  • upper

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 7h-2c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541C15 7.801 15 8.034 15 8.5V12h3.5a2.5 2.5 0 0 0 0-5m1 5H15v3.6c0 .372 0 .558.049.709a1 1 0 0 0 .642.642c.15.049.337.049.709.049h3.1a2.5 2.5 0 0 0 0-5"/><path fill="currentColor" d="m4.627 10.099l.701.267zM1.3 16.733a.75.75 0 1 0 1.402.534L2 17zm9 .534a.75.75 0 1 0 1.402-.534L11 17zm-1.926-7.168l-.701.267zM3.5 13.25a.75.75 0 0 0 0 1.5zm6 1.5a.75.75 0 0 0 0-1.5zm-4.873-4.651l-.7-.267l-2.628 6.901L2 17l.7.267l2.628-6.901zM11 17l.7-.267l-2.626-6.901l-.701.267l-.701.267l2.627 6.9zm-6.373-6.901l.701.267c.402-1.057.676-1.771.928-2.23c.273-.497.354-.386.244-.386v-1.5c-.803 0-1.265.628-1.559 1.164c-.314.573-.63 1.408-1.015 2.418zm3.746 0l.7-.267c-.384-1.01-.7-1.845-1.014-2.418C7.765 6.878 7.303 6.25 6.5 6.25v1.5c-.11 0-.029-.111.244.385c.252.46.526 1.174.928 2.23zM3.5 14v.75h6v-1.5h-6z"/></g></svg>
React
// Run: npx sant-icons get huge-case-upper --format react
export function HugeCaseUpper(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.5 7h-2c-.466 0-.699 0-.883.076a1 1 0 0 0-.54.541C15 7.801 15 8.034 15 8.5V12h3.5a2.5 2.5 0 0 0 0-5m1 5H15v3.6c0 .372 0 .558.049.709a1 1 0 0 0 .642.642c.15.049.337.049.709.049h3.1a2.5 2.5 0 0 0 0-5"/><path fill="currentColor" d="m4.627 10.099l.701.267zM1.3 16.733a.75.75 0 1 0 1.402.534L2 17zm9 .534a.75.75 0 1 0 1.402-.534L11 17zm-1.926-7.168l-.701.267zM3.5 13.25a.75.75 0 0 0 0 1.5zm6 1.5a.75.75 0 0 0 0-1.5zm-4.873-4.651l-.7-.267l-2.628 6.901L2 17l.7.267l2.628-6.901zM11 17l.7-.267l-2.626-6.901l-.701.267l-.701.267l2.627 6.9zm-6.373-6.901l.701.267c.402-1.057.676-1.771.928-2.23c.273-.497.354-.386.244-.386v-1.5c-.803 0-1.265.628-1.559 1.164c-.314.573-.63 1.408-1.015 2.418zm3.746 0l.7-.267c-.384-1.01-.7-1.845-1.014-2.418C7.765 6.878 7.303 6.25 6.5 6.25v1.5c-.11 0-.029-.111.244.385c.252.46.526 1.174.928 2.23zM3.5 14v.75h6v-1.5h-6z"/></g></svg>
  );
}
CLI
npx sant-icons get huge-case-upper

Properties

Name
case-upper
Library
Huge Icons
Style
stroke
License
MIT
Version
1.2.35
Identifier
huge-case-upper

case-upper in other libraries

Related from Huge Icons

The case-upper icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons case-upper", "case-upper svg", or any of its tagged terms (case, upper). 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 huge-case-upper directly into your project. No browser context-switch.