cpu icon

cpu-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: cpu-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

The same icon in other sets

cpuBootstrap Icons cpuElement Plus cpuFeather Icons cpuHuge Icons cpuHumbleicons cpuIconPark cpuIconPark Outline cpuIconPark Solid cpuIconPark TwoTone cpuIconoir cpuLucide cpuMajesticons cpu-16Octicons cpuPhosphor cpuPixelarticons cpu-fillRemix Icon cpu-boldSolar cpuTabler Icons

Use the cpu icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.5 9.5h-5v5h5z"/><path fill="currentColor" d="M9 .5V3h6V.5h2V3h4v4h2.5v2H21v6h2.5v2H21v4h-4v2.5h-2V21H9v2.5H7V21H3v-4H.5v-2H3V9H.5V7H3V3h4V.5zm-1.5 7v9h9v-9z"/></svg>

React

import type { SVGProps } from "react";

export function TdesignCpuFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.5 9.5h-5v5h5z"/><path fill="currentColor" d="M9 .5V3h6V.5h2V3h4v4h2.5v2H21v6h2.5v2H21v4h-4v2.5h-2V21H9v2.5H7V21H3v-4H.5v-2H3V9H.5V7H3V3h4V.5zm-1.5 7v9h9v-9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.5 9.5h-5v5h5z"/><path fill="currentColor" d="M9 .5V3h6V.5h2V3h4v4h2.5v2H21v6h2.5v2H21v4h-4v2.5h-2V21H9v2.5H7V21H3v-4H.5v-2H3V9H.5V7H3V3h4V.5zm-1.5 7v9h9v-9z"/></svg>
</template>

CSS

.icon-cpu-filled {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%209.5h-5v5h5z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%20.5V3h6V.5h2V3h4v4h2.5v2H21v6h2.5v2H21v4h-4v2.5h-2V21H9v2.5H7V21H3v-4H.5v-2H3V9H.5V7H3V3h4V.5zm-1.5%207v9h9v-9z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.5%209.5h-5v5h5z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%20.5V3h6V.5h2V3h4v4h2.5v2H21v6h2.5v2H21v4h-4v2.5h-2V21H9v2.5H7V21H3v-4H.5v-2H3V9H.5V7H3V3h4V.5zm-1.5%207v9h9v-9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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