icons/Huge Icons/hard-driveOpen in browser →

hard-drive · Huge Icons

Free SVG hard-drive 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.

hard-drive icon — Huge IconsFree hard-drive SVG icon from Huge Icons, stroke style, MIT licensed.

Tags

  • hard
  • drive

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m20.71 8.701l1.209 4.028c.039.13.058.195.069.262l.003.02c.009.068.009.136.009.272c0 3.497 0 5.245-1.019 6.384q-.149.165-.314.314C19.528 21 17.78 21 14.283 21H9.717c-3.497 0-5.245 0-6.384-1.019a4 4 0 0 1-.314-.314C2 18.528 2 16.78 2 13.283c0-.136 0-.204.01-.271l.002-.02c.01-.068.03-.133.07-.263L3.29 8.7c.824-2.746 1.236-4.12 2.298-4.91S8.085 3 10.952 3h2.096c2.867 0 4.3 0 5.364.79c1.063.792 1.475 2.165 2.298 4.911M2 13h20"/><path d="M18.125 17H18m-3.875 0H14m4.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-4 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg>
React
// Run: npx sant-icons get huge-hard-drive --format react
export function HugeHardDrive(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m20.71 8.701l1.209 4.028c.039.13.058.195.069.262l.003.02c.009.068.009.136.009.272c0 3.497 0 5.245-1.019 6.384q-.149.165-.314.314C19.528 21 17.78 21 14.283 21H9.717c-3.497 0-5.245 0-6.384-1.019a4 4 0 0 1-.314-.314C2 18.528 2 16.78 2 13.283c0-.136 0-.204.01-.271l.002-.02c.01-.068.03-.133.07-.263L3.29 8.7c.824-2.746 1.236-4.12 2.298-4.91S8.085 3 10.952 3h2.096c2.867 0 4.3 0 5.364.79c1.063.792 1.475 2.165 2.298 4.911M2 13h20"/><path d="M18.125 17H18m-3.875 0H14m4.25 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-4 0a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg>
  );
}
CLI
npx sant-icons get huge-hard-drive

Properties

Name
hard-drive
Library
Huge Icons
Style
stroke
License
MIT
Version
1.2.35
Identifier
huge-hard-drive

hard-drive in other libraries

Related from Huge Icons

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