hdd icon

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

Name: hdd-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

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" fill-opacity=".15" d="M232 888h560V680H232zm448-140c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40M232 616h560V408H232zm72-128c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H312c-4.4 0-8-3.6-8-8zm-72-144h560V136H232zm72-128c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H312c-4.4 0-8-3.6-8-8z"/><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-40 824H232V680h560zm0-272H232V408h560zm0-272H232V136h560z"/><path fill="currentColor" d="M312 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 8m0-272h184c4.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 516a40 40 0 1 0 80 0a40 40 0 1 0-80 0"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignHddTwotone(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" fillOpacity=".15" d="M232 888h560V680H232zm448-140c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40M232 616h560V408H232zm72-128c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H312c-4.4 0-8-3.6-8-8zm-72-144h560V136H232zm72-128c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H312c-4.4 0-8-3.6-8-8z"/><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-40 824H232V680h560zm0-272H232V408h560zm0-272H232V136h560z"/><path fill="currentColor" d="M312 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 8m0-272h184c4.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 516a40 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" fill-opacity=".15" d="M232 888h560V680H232zm448-140c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40M232 616h560V408H232zm72-128c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H312c-4.4 0-8-3.6-8-8zm-72-144h560V136H232zm72-128c0-4.4 3.6-8 8-8h184c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8H312c-4.4 0-8-3.6-8-8z"/><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-40 824H232V680h560zm0-272H232V408h560zm0-272H232V136h560z"/><path fill="currentColor" d="M312 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 8m0-272h184c4.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 516a40 40 0 1 0 80 0a40 40 0 1 0-80 0"/></svg>
</template>

CSS

.icon-hdd-twotone {
  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%20fill-opacity%3D%22.15%22%20d%3D%22M232%20888h560V680H232zm448-140c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40M232%20616h560V408H232zm72-128c0-4.4%203.6-8%208-8h184c4.4%200%208%203.6%208%208v48c0%204.4-3.6%208-8%208H312c-4.4%200-8-3.6-8-8zm-72-144h560V136H232zm72-128c0-4.4%203.6-8%208-8h184c4.4%200%208%203.6%208%208v48c0%204.4-3.6%208-8%208H312c-4.4%200-8-3.6-8-8z%22%2F%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-40%20824H232V680h560zm0-272H232V408h560zm0-272H232V136h560z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M312%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%208m0-272h184c4.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%20516a40%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%20fill-opacity%3D%22.15%22%20d%3D%22M232%20888h560V680H232zm448-140c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40M232%20616h560V408H232zm72-128c0-4.4%203.6-8%208-8h184c4.4%200%208%203.6%208%208v48c0%204.4-3.6%208-8%208H312c-4.4%200-8-3.6-8-8zm-72-144h560V136H232zm72-128c0-4.4%203.6-8%208-8h184c4.4%200%208%203.6%208%208v48c0%204.4-3.6%208-8%208H312c-4.4%200-8-3.6-8-8z%22%2F%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-40%20824H232V680h560zm0-272H232V408h560zm0-272H232V136h560z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M312%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%208m0-272h184c4.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%20516a40%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-twotone.svg?color=%231a73e8&size=48