Cpu icon
whh:cpu
The Cpu icon (whh:cpu) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 960 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 960 × 960
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960"><path fill="currentColor" d="M928 640h-96v-64h96q13 0 22.5 9.5T960 608t-9.5 22.5T928 640m0-128h-96v-64h96q13 0 22.5 9.5T960 480t-9.5 22.5T928 512m0-128h-96v-64h96q13 0 22.5 9.5T960 352t-9.5 22.5T928 384m0-128h-96v-64h96q13 0 22.5 9.5T960 224t-9.5 22.5T928 256M736 960q-13 0-22.5-9.5T704 928v-96h64v96q0 13-9.5 22.5T736 960m-32-192H256q-26 0-45-19t-19-45V256q0-26 19-45t45-19h448q27 0 45.5 18.5T768 256v448q0 27-18.5 45.5T704 768m0-736q0-13 9.5-22.5T736 0t22.5 9.5T768 32v96h-64zm-128 0q0-13 9.5-22.5T608 0t22.5 9.5T640 32v96h-64zm-128 0q0-13 9.5-22.5T480 0t22.5 9.5T512 32v96h-64zm-128 0q0-13 9.5-22.5T352 0t22.5 9.5T384 32v96h-64zm-128 0q0-13 9.5-22.5T224 0t22.5 9.5T256 32v96h-64zM0 736q0-13 9.5-22.5T32 704h96v64H32q-13 0-22.5-9.5T0 736m0-128q0-13 9.5-22.5T32 576h96v64H32q-13 0-22.5-9.5T0 608m0-128q0-13 9.5-22.5T32 448h96v64H32q-13 0-22.5-9.5T0 480m0-128q0-13 9.5-22.5T32 320h96v64H32q-13 0-22.5-9.5T0 352m0-128q0-13 9.5-22.5T32 192h96v64H32q-13 0-22.5-9.5T0 224m256 704q0 13-9.5 22.5T224 960t-22.5-9.5T192 928v-96h64zm128 0q0 13-9.5 22.5T352 960t-22.5-9.5T320 928v-96h64zm128 0q0 13-9.5 22.5T480 960t-22.5-9.5T448 928v-96h64zm128 0q0 13-9.5 22.5T608 960t-22.5-9.5T576 928v-96h64zm320-192q0 13-9.5 22.5T928 768h-96v-64h96q13 0 22.5 9.5T960 736"/></svg>
How to use the Cpu icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:cpu" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:cpu" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:cpu" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cpu]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cpu"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:cpu"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/cpu.svg" alt="Cpu icon" width="24" height="24">
Related icons in WebHostingHub Glyphs
Cpu icon in other icon sets
Cpu icon FAQ
Is the Cpu icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Cpu icon in React?
Install @iconify/react and render <Icon icon="whh:cpu" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cpu icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/cpu.svg" alt="Cpu icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
