Add icons to this collection by clicking the heart icon.
Hard Disk icon - also known as computer, interface, symbol, electronics, symbols, hard drive, hard disk, and hdd. Created in a clean 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 64 64"
>
<defs>
<linearGradient
id="a"
x2="64.498"
y1="52"
y2="52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed4ef" />
<stop offset=".229" stop-color="#66bfe6" />
<stop offset=".711" stop-color="#298bd0" />
<stop offset="1" stop-color="#0169c2" />
</linearGradient>
<linearGradient id="b" x2="64.498" y1="32" y2="32" href="#a" />
<linearGradient id="c" x2="64.498" y1="22.5" y2="22.5" href="#a" />
<linearGradient id="d" x2="64.498" y1="32.5" y2="32.5" href="#a" />
<linearGradient id="e" x2="64.498" y1="35" y2="35" href="#a" />
<linearGradient id="f" x2="64.498" y1="8" y2="8" href="#a" />
<linearGradient id="g" x2="64.498" y1="44.5" y2="44.5" href="#a" />
<linearGradient id="h" x2="64.498" y1="54.5" y2="54.5" href="#a" />
<linearGradient id="i" x2="64.498" y1="57" y2="57" href="#a" />
<linearGradient id="j" x2="64.498" y1="30" y2="30" href="#a" />
<linearGradient id="k" x2="64.498" y1="12" y2="12" href="#a" />
</defs>
<g>
<path
d="M21.617 61.924a1 1 0 0 0 1.09-.217l6-6a1 1 0 0 0 0-1.414l-6-6A1 1 0 0 0 21 49v3h-4a1 1 0 0 1-1-1v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8a7.008 7.008 0 0 0 7 7h4v3a1 1 0 0 0 .617.924ZM17 56a5.006 5.006 0 0 1-5-5v-7h2v7a3 3 0 0 0 3 3h5a1 1 0 0 0 1-1v-1.586L26.586 55 23 58.586V57a1 1 0 0 0-1-1Z"
fill="url(#a)"
/>
<path
d="M8 40h20a4.948 4.948 0 0 0 3-1.026V57a5.006 5.006 0 0 0 5 5h20a5.006 5.006 0 0 0 5-5V29a5.006 5.006 0 0 0-5-5H36a4.948 4.948 0 0 0-3 1.026V7a5.006 5.006 0 0 0-5-5H8a5.006 5.006 0 0 0-5 5v28a5.006 5.006 0 0 0 5 5Zm25-11a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v28a3 3 0 0 1-3 3H36a3 3 0 0 1-3-3ZM5 7a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v28a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3Z"
fill="url(#b)"
/>
<path
d="M8 36h10a1 1 0 0 0 1-1v-4.051a11.011 11.011 0 1 0-8.618-3.027L9.52 29H8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Zm10.331-16.944a1.007 1.007 0 0 0-1.112.319l-2.413 3.017A3.956 3.956 0 0 1 14 20a4 4 0 1 1 5 3.858V20a1 1 0 0 0-.669-.944ZM9 20a9 9 0 1 1 10 8.941V25.91A6 6 0 1 0 12 20a5.935 5.935 0 0 0 1.53 3.987l-1.9 2.373A8.967 8.967 0 0 1 9 20Zm0 11h1a1 1 0 0 0 .781-.375L17 22.851V34H9Z"
fill="url(#c)"
/>
<path d="M27 34h-2v2h3a1 1 0 0 0 1-1v-6h-2Z" fill="url(#d)" />
<path d="M21 34h2v2h-2z" fill="url(#e)" />
<path
d="M9 8h2V6H8a1 1 0 0 0-1 1v3h2ZM27 10h2V7a1 1 0 0 0-1-1h-3v2h2Z"
fill="url(#f)"
/>
<path
d="M36 58h10a1 1 0 0 0 1-1v-4.051a11.011 11.011 0 1 0-8.618-3.027L37.52 51H36a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Zm10.331-16.944a1 1 0 0 0-1.112.319l-2.413 3.017A3.956 3.956 0 0 1 42 42a4 4 0 1 1 5 3.858V42a1 1 0 0 0-.669-.944ZM37 42a9 9 0 1 1 10 8.941V47.91A6 6 0 1 0 40 42a5.935 5.935 0 0 0 1.53 3.987l-1.9 2.373A8.967 8.967 0 0 1 37 42Zm0 11h1a1 1 0 0 0 .781-.375L45 44.851V56h-8Z"
fill="url(#g)"
/>
<path d="M55 56h-2v2h3a1 1 0 0 0 1-1v-6h-2Z" fill="url(#h)" />
<path d="M49 56h2v2h-2z" fill="url(#i)" />
<path
d="M37 30h2v-2h-3a1 1 0 0 0-1 1v3h2ZM55 32h2v-3a1 1 0 0 0-1-1h-3v2h2Z"
fill="url(#j)"
/>
<path
d="M36 18h10v3a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-9a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 53 6h-6a.974.974 0 0 0-.46.126l-3.833-3.833A1 1 0 0 0 42 2h-6a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1Zm18-8.586L55.586 11H54ZM48 17V8h4v4a1 1 0 0 0 1 1h4v7h-9ZM43 5.414 44.586 7H43ZM37 4h4v4a1 1 0 0 0 1 1h4v7h-9Z"
fill="url(#k)"
/>
</g>
</svg>
More icons in the same style and category