hdd icon

hdd-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: hdd-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: hdd, hdd-outline

2 other variants in Ant Design Icons

The same icon in other sets

hddBootstrap Icons hddBoxIcons v2 hddBoxIcons v2 Solid hddFont Awesome Regular hddFont Awesome Solid hddHuge Icons hddIconPark hddIconPark Outline hddIconPark Solid hddIconPark TwoTone hddLine Awesome hddUnicons

Use the hdd icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32m-600 72h560v208H232zm560 480H232V408h560zm0 272H232V680h560zM496 208H312c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8M312 544h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H312c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8m328 244a40 40 0 1 0 80 0a40 40 0 1 0-80 0"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignHddOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32m-600 72h560v208H232zm560 480H232V408h560zm0 272H232V680h560zM496 208H312c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8M312 544h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H312c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8m328 244a40 40 0 1 0 80 0a40 40 0 1 0-80 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32m-600 72h560v208H232zm560 480H232V408h560zm0 272H232V680h560zM496 208H312c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8M312 544h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H312c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8m328 244a40 40 0 1 0 80 0a40 40 0 1 0-80 0"/></svg>
</template>

CSS

.icon-hdd-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M832%2064H192c-17.7%200-32%2014.3-32%2032v832c0%2017.7%2014.3%2032%2032%2032h640c17.7%200%2032-14.3%2032-32V96c0-17.7-14.3-32-32-32m-600%2072h560v208H232zm560%20480H232V408h560zm0%20272H232V680h560zM496%20208H312c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h184c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8M312%20544h184c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8H312c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208m328%20244a40%2040%200%201%200%2080%200a40%2040%200%201%200-80%200%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M832%2064H192c-17.7%200-32%2014.3-32%2032v832c0%2017.7%2014.3%2032%2032%2032h640c17.7%200%2032-14.3%2032-32V96c0-17.7-14.3-32-32-32m-600%2072h560v208H232zm560%20480H232V408h560zm0%20272H232V680h560zM496%20208H312c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h184c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8M312%20544h184c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8H312c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208m328%20244a40%2040%200%201%200%2080%200a40%2040%200%201%200-80%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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