hdd icon

hdd from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.

Name: hdd
Set: Line Awesome
Style: Line
Category: Objects
Viewbox: 32×32
License: Apache 2.0

The same icon in other sets

hdd-filledAnt Design Icons hddBootstrap Icons hddBoxIcons v2 hddBoxIcons v2 Solid hddFont Awesome Regular hddFont Awesome Solid hddHuge Icons hddIconPark hddIconPark Outline hddIconPark Solid hddIconPark TwoTone hddUnicons

More objects icons from Line Awesome

ambulance anchor archive baby-carriage bath beer bicycle binoculars blender bomb book briefcase broadcast-tower building building-solid bullseye calculator candy-cane car carrot clipboard clipboard-solid coffee cogs

Use the hdd icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.219 6L3 18.875V26h26v-7.125L25.781 6zM7.78 8h16.44l2.5 10H5.28zM5 20h22v4H5zm19 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>

React

import type { SVGProps } from "react";

export function LaHdd(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.219 6L3 18.875V26h26v-7.125L25.781 6zM7.78 8h16.44l2.5 10H5.28zM5 20h22v4H5zm19 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.219 6L3 18.875V26h26v-7.125L25.781 6zM7.78 8h16.44l2.5 10H5.28zM5 20h22v4H5zm19 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
</template>

CSS

.icon-hdd {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.219%206L3%2018.875V26h26v-7.125L25.781%206zM7.78%208h16.44l2.5%2010H5.28zM5%2020h22v4H5zm19%201c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.219%206L3%2018.875V26h26v-7.125L25.781%206zM7.78%208h16.44l2.5%2010H5.28zM5%2020h22v4H5zm19%201c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/hdd.svg?color=%231a73e8&size=48