Add icons to this collection by clicking the heart icon.
Hard Disk Drive icon - also known as interface, data, storage, networking, electronics, hardware, and hard disk drive. Created in a clean lineal gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-60.817"
x2="493.279"
y1="444.817"
y2="-109.279"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-53.087"
x2="501.01"
y1="452.548"
y2="-101.549"
href="#a"
/>
<linearGradient
id="c"
x1="-10.817"
x2="543.279"
y1="494.817"
y2="-59.279"
href="#a"
/>
<linearGradient
id="d"
x1="29.183"
x2="583.279"
y1="534.817"
y2="-19.279"
href="#a"
/>
<linearGradient
id="e"
x1="-56.817"
x2="497.279"
y1="448.817"
y2="-105.279"
href="#a"
/>
<linearGradient
id="f"
x1="-152.817"
x2="401.279"
y1="352.817"
y2="-201.279"
href="#a"
/>
<linearGradient
id="g"
x1="79.683"
x2="633.779"
y1="585.317"
y2="31.221"
href="#a"
/>
<linearGradient
id="h"
x1="-16.317"
x2="537.779"
y1="489.317"
y2="-64.779"
href="#a"
/>
<linearGradient
id="i"
x1="23.183"
x2="577.279"
y1="528.817"
y2="-25.279"
href="#a"
/>
<linearGradient
id="j"
x1="34.116"
x2="588.213"
y1="539.751"
y2="-14.345"
href="#a"
/>
<path
fill="url(#a)"
d="M256 152a24 24 0 1 0-24-24 24.027 24.027 0 0 0 24 24zm0-32a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8z"
/>
<path
fill="url(#b)"
d="M256 216a87.683 87.683 0 0 0 60.515-24.17l9.828 9.827a8 8 0 1 0 11.314-11.314L327.1 179.787A87.969 87.969 0 1 0 256 216zm0-160a71.966 71.966 0 0 1 59.627 112.312l-13.97-13.969a8 8 0 0 0-11.314 11.314l14.848 14.849A71.979 71.979 0 1 1 256 56z"
/>
<path
fill="url(#c)"
d="M184 232a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h88a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm80 32h-72v-16h72z"
/>
<path
fill="url(#d)"
d="M328 224h-32a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8zm-8 40h-16v-24h16z"
/>
<circle cx="352" cy="40" r="8" fill="url(#e)" />
<circle cx="160" cy="40" r="8" fill="url(#f)" />
<circle cx="352" cy="313" r="8" fill="url(#g)" />
<circle cx="160" cy="313" r="8" fill="url(#h)" />
<path
fill="url(#i)"
d="M336 296a8 8 0 0 0-8-8H184a8 8 0 0 0 0 16h144a8 8 0 0 0 8-8z"
/>
<path
fill="url(#j)"
d="M496 448H336a8 8 0 0 0-8-8h-32v-24a8 8 0 0 0-8-8h-8v-64h76a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28H156a28.031 28.031 0 0 0-28 28v280a28.031 28.031 0 0 0 28 28h76v64h-8a8 8 0 0 0-8 8v24h-32a8 8 0 0 0-8 8H16a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h160a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8h160a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-320 32H24v-16h152zm-20-152a12.01 12.01 0 0 1-12-12V36a12.01 12.01 0 0 1 12-12h200a12.01 12.01 0 0 1 12 12v280a12.01 12.01 0 0 1-12 12zm108 16v64h-16v-64zm56 144H192v-32h32a8 8 0 0 0 8-8v-24h48v24a8 8 0 0 0 8 8h32zm168-8H336v-16h152z"
/>
</svg>
More icons in the same style and category