Gentleface › Devices & hardware › hard-drives

hard-drives icon

Hard drives: raid, storage pool, disk array. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 9C15 9.254 14.953 9.5 14.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L5 11C4.746 11 4.5 10.953 4.264 10.86C4.007 10.758 3.781 10.609 3.586 10.414C3.391 10.219 3.242 9.993 3.14 9.736C3.047 9.5 3 9.254 3 9L3 6.5C3 5.755 3.167 5.049 3.5 4.382L4.638 2.106C4.808 1.767 5.053 1.498 5.376 1.299C5.698 1.1 6.048 1 6.427 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382ZM4.394 4.829C4.366 4.886 4.339 4.943 4.314 5L13.686 5C13.661 4.943 13.634 4.886 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L6.427 2C6.238 2 6.062 2.05 5.901 2.149C5.74 2.249 5.617 2.383 5.533 2.553L4.394 4.829ZM4.293 9.707C4.488 9.902 4.724 10 5 10L13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 6.5C14 6.331 13.989 6.164 13.967 6L4.033 6C4.011 6.164 4 6.331 4 6.5L4 9C4 9.276 4.098 9.512 4.293 9.707ZM11.293 7.293C11.488 7.098 11.724 7 12 7C12.276 7 12.512 7.098 12.707 7.293C12.902 7.488 13 7.724 13 8C13 8.276 12.902 8.512 12.707 8.707C12.512 8.902 12.276 9 12 9C11.724 9 11.488 8.902 11.293 8.707C11.098 8.512 11 8.276 11 8C11 7.724 11.098 7.488 11.293 7.293ZM12.5 12C12.641 12 12.759 12.048 12.856 12.144C12.952 12.241 13 12.359 13 12.5C13 12.641 12.952 12.759 12.856 12.856C12.759 12.952 12.641 13 12.5 13L1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5L1 8.5C1 8.359 1.048 8.241 1.144 8.144C1.241 8.048 1.359 8 1.5 8C1.641 8 1.759 8.048 1.856 8.144C1.952 8.241 2 8.359 2 8.5L2 12L12.5 12Z"/></svg>

React

// Gentleface "hard-drives" (line-round), MIT. https://gentleface.com/icons/hard-drives
import type { SVGProps } from 'react';

export function HardDrivesIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14.5 4.382C14.833 5.049 15 5.755 15 6.5L15 9C15 9.254 14.953 9.5 14.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L5 11C4.746 11 4.5 10.953 4.264 10.86C4.007 10.758 3.781 10.609 3.586 10.414C3.391 10.219 3.242 9.993 3.14 9.736C3.047 9.5 3 9.254 3 9L3 6.5C3 5.755 3.167 5.049 3.5 4.382L4.638 2.106C4.808 1.767 5.053 1.498 5.376 1.299C5.698 1.1 6.048 1 6.427 1L11.573 1C11.952 1 12.302 1.1 12.624 1.299C12.947 1.498 13.192 1.767 13.362 2.106L14.5 4.382ZM4.394 4.829C4.366 4.886 4.339 4.943 4.314 5L13.686 5C13.661 4.943 13.634 4.886 13.606 4.829L12.467 2.553C12.383 2.383 12.26 2.249 12.099 2.149C11.938 2.05 11.762 2 11.573 2L6.427 2C6.238 2 6.062 2.05 5.901 2.149C5.74 2.249 5.617 2.383 5.533 2.553L4.394 4.829ZM4.293 9.707C4.488 9.902 4.724 10 5 10L13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 6.5C14 6.331 13.989 6.164 13.967 6L4.033 6C4.011 6.164 4 6.331 4 6.5L4 9C4 9.276 4.098 9.512 4.293 9.707ZM11.293 7.293C11.488 7.098 11.724 7 12 7C12.276 7 12.512 7.098 12.707 7.293C12.902 7.488 13 7.724 13 8C13 8.276 12.902 8.512 12.707 8.707C12.512 8.902 12.276 9 12 9C11.724 9 11.488 8.902 11.293 8.707C11.098 8.512 11 8.276 11 8C11 7.724 11.098 7.488 11.293 7.293ZM12.5 12C12.641 12 12.759 12.048 12.856 12.144C12.952 12.241 13 12.359 13 12.5C13 12.641 12.952 12.759 12.856 12.856C12.759 12.952 12.641 13 12.5 13L1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5L1 8.5C1 8.359 1.048 8.241 1.144 8.144C1.241 8.048 1.359 8 1.5 8C1.641 8 1.759 8.048 1.856 8.144C1.952 8.241 2 8.359 2 8.5L2 12L12.5 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/hard-drives.md

Svelte

Svelte: see /icons/hard-drives.md

HTML img

HTML img: see /icons/hard-drives.md

CSS

CSS: see /icons/hard-drives.md

Data URL

Data URL: see /icons/hard-drives.md

Sprite

Sprite: see /icons/hard-drives.md

SwiftUI

SwiftUI: see /icons/hard-drives.md

Compose

Compose: see /icons/hard-drives.md

Android XML

Android XML: see /icons/hard-drives.md

Flutter

Flutter: see /icons/hard-drives.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

raid, storage pool, disk array

Tags

hard-drives, raid, storage-pool, disk-array, nas, disks, storage, hardware

Category

Devices & hardware

Component name

HardDrivesIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 9

hard-drive hard-drive-alert hard-drive-arrow-down hard-drive-arrow-up hard-drive-check hard-drive-lock hard-drive-off hard-drive-plus hard-drive-x

More devices & hardware icons

av-receiver backlight backlight-low backlight-off backspace backspace-right battery battery-alert battery-arrow-right battery-charging battery-check battery-clock battery-full battery-gear battery-low battery-medium · all devices & hardware icons

For agents

Metadata: /icons/hard-drives.json · Markdown: /icons/hard-drives.md · SVG: https://gentleface.com/svg/{style}/16/hard-drives.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hard-drives.png

hard-drives icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp