cpu icon

cpu-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.

Name: cpu-24
Set: Octicons
Style: 24
Viewbox: 24×24
License: MIT

1 other variant in Octicons

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 cpuPhosphor cpuPixelarticons cpu-fillRemix Icon cpu-boldSolar cpuTabler Icons cpuTDesign 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="M8.75 8h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1-.75-.75v-6.5A.75.75 0 0 1 8.75 8m.75 6.5h5v-5h-5Z"/><path fill="currentColor" d="M15.25 1a.75.75 0 0 1 .75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 0 1 0 1.5H20v5h2.25a.75.75 0 0 1 0 1.5H20v2.25A1.75 1.75 0 0 1 18.25 20H16v2.25a.75.75 0 0 1-1.5 0V20h-5v2.25a.75.75 0 0 1-1.5 0V20H5.75A1.75 1.75 0 0 1 4 18.25V16H1.75a.75.75 0 0 1 0-1.5H4v-5H1.75a.75.75 0 0 1 0-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 0 1 1.5 0V4h5V1.75a.75.75 0 0 1 .75-.75m3 17.5a.25.25 0 0 0 .25-.25V5.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25Z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonCpu24(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="M8.75 8h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1-.75-.75v-6.5A.75.75 0 0 1 8.75 8m.75 6.5h5v-5h-5Z"/><path fill="currentColor" d="M15.25 1a.75.75 0 0 1 .75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 0 1 0 1.5H20v5h2.25a.75.75 0 0 1 0 1.5H20v2.25A1.75 1.75 0 0 1 18.25 20H16v2.25a.75.75 0 0 1-1.5 0V20h-5v2.25a.75.75 0 0 1-1.5 0V20H5.75A1.75 1.75 0 0 1 4 18.25V16H1.75a.75.75 0 0 1 0-1.5H4v-5H1.75a.75.75 0 0 1 0-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 0 1 1.5 0V4h5V1.75a.75.75 0 0 1 .75-.75m3 17.5a.25.25 0 0 0 .25-.25V5.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.75 8h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1-.75-.75v-6.5A.75.75 0 0 1 8.75 8m.75 6.5h5v-5h-5Z"/><path fill="currentColor" d="M15.25 1a.75.75 0 0 1 .75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 0 1 0 1.5H20v5h2.25a.75.75 0 0 1 0 1.5H20v2.25A1.75 1.75 0 0 1 18.25 20H16v2.25a.75.75 0 0 1-1.5 0V20h-5v2.25a.75.75 0 0 1-1.5 0V20H5.75A1.75 1.75 0 0 1 4 18.25V16H1.75a.75.75 0 0 1 0-1.5H4v-5H1.75a.75.75 0 0 1 0-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 0 1 1.5 0V4h5V1.75a.75.75 0 0 1 .75-.75m3 17.5a.25.25 0 0 0 .25-.25V5.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25Z"/></svg>
</template>

CSS

.icon-cpu-24 {
  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%22M8.75%208h6.5a.75.75%200%200%201%20.75.75v6.5a.75.75%200%200%201-.75.75h-6.5a.75.75%200%200%201-.75-.75v-6.5A.75.75%200%200%201%208.75%208m.75%206.5h5v-5h-5Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.25%201a.75.75%200%200%201%20.75.75V4h2.25c.966%200%201.75.784%201.75%201.75V8h2.25a.75.75%200%200%201%200%201.5H20v5h2.25a.75.75%200%200%201%200%201.5H20v2.25A1.75%201.75%200%200%201%2018.25%2020H16v2.25a.75.75%200%200%201-1.5%200V20h-5v2.25a.75.75%200%200%201-1.5%200V20H5.75A1.75%201.75%200%200%201%204%2018.25V16H1.75a.75.75%200%200%201%200-1.5H4v-5H1.75a.75.75%200%200%201%200-1.5H4V5.75C4%204.784%204.784%204%205.75%204H8V1.75a.75.75%200%200%201%201.5%200V4h5V1.75a.75.75%200%200%201%20.75-.75m3%2017.5a.25.25%200%200%200%20.25-.25V5.75a.25.25%200%200%200-.25-.25H5.75a.25.25%200%200%200-.25.25v12.5c0%20.138.112.25.25.25Z%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%22M8.75%208h6.5a.75.75%200%200%201%20.75.75v6.5a.75.75%200%200%201-.75.75h-6.5a.75.75%200%200%201-.75-.75v-6.5A.75.75%200%200%201%208.75%208m.75%206.5h5v-5h-5Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.25%201a.75.75%200%200%201%20.75.75V4h2.25c.966%200%201.75.784%201.75%201.75V8h2.25a.75.75%200%200%201%200%201.5H20v5h2.25a.75.75%200%200%201%200%201.5H20v2.25A1.75%201.75%200%200%201%2018.25%2020H16v2.25a.75.75%200%200%201-1.5%200V20h-5v2.25a.75.75%200%200%201-1.5%200V20H5.75A1.75%201.75%200%200%201%204%2018.25V16H1.75a.75.75%200%200%201%200-1.5H4v-5H1.75a.75.75%200%200%201%200-1.5H4V5.75C4%204.784%204.784%204%205.75%204H8V1.75a.75.75%200%200%201%201.5%200V4h5V1.75a.75.75%200%200%201%20.75-.75m3%2017.5a.25.25%200%200%200%20.25-.25V5.75a.25.25%200%200%200-.25-.25H5.75a.25.25%200%200%200-.25.25v12.5c0%20.138.112.25.25.25Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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