gentleface

Gentleface › Devices & hardware › gpu

gpu icon

Gpu: gpu, graphics card, video card, graphics processor. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 9C15 9.254 14.953 9.5 14.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L12 11L12 12.5C12 12.641 11.952 12.759 11.856 12.856C11.759 12.952 11.641 13 11.5 13C11.359 13 11.241 12.952 11.144 12.856C11.048 12.759 11 12.641 11 12.5L11 11L10 11L10 12.5C10 12.641 9.952 12.759 9.856 12.856C9.759 12.952 9.641 13 9.5 13C9.359 13 9.241 12.952 9.144 12.856C9.048 12.759 9 12.641 9 12.5L9 11L8 11L8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 11L6 11L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13C5.359 13 5.241 12.952 5.144 12.856C5.048 12.759 5 12.641 5 12.5L5 11L2 11L2 14.5C2 14.641 1.952 14.759 1.856 14.856C1.759 14.952 1.641 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144ZM13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L2 4L2 10L13 10ZM3.14 6.264C3.242 6.007 3.391 5.781 3.586 5.586C3.781 5.391 4.007 5.242 4.264 5.14C4.5 5.047 4.746 5 5 5C5.254 5 5.5 5.047 5.736 5.14C5.993 5.242 6.219 5.391 6.414 5.586C6.609 5.781 6.758 6.007 6.86 6.264C6.953 6.5 7 6.746 7 7C7 7.254 6.953 7.5 6.86 7.736C6.758 7.993 6.609 8.219 6.414 8.414C6.219 8.609 5.993 8.758 5.736 8.86C5.5 8.953 5.254 9 5 9C4.746 9 4.5 8.953 4.264 8.86C4.007 8.758 3.781 8.609 3.586 8.414C3.391 8.219 3.242 7.993 3.14 7.736C3.047 7.5 3 7.254 3 7C3 6.746 3.047 6.5 3.14 6.264ZM9.14 6.264C9.242 6.007 9.391 5.781 9.586 5.586C9.781 5.391 10.007 5.242 10.264 5.14C10.5 5.047 10.746 5 11 5C11.254 5 11.5 5.047 11.736 5.14C11.993 5.242 12.219 5.391 12.414 5.586C12.609 5.781 12.758 6.007 12.86 6.264C12.953 6.5 13 6.746 13 7C13 7.254 12.953 7.5 12.86 7.736C12.758 7.993 12.609 8.219 12.414 8.414C12.219 8.609 11.993 8.758 11.736 8.86C11.5 8.953 11.254 9 11 9C10.746 9 10.5 8.953 10.264 8.86C10.007 8.758 9.781 8.609 9.586 8.414C9.391 8.219 9.242 7.993 9.14 7.736C9.047 7.5 9 7.254 9 7C9 6.746 9.047 6.5 9.14 6.264ZM4 7C4 7.552 4.448 8 5 8C5.552 8 6 7.552 6 7C6 6.448 5.552 6 5 6C4.448 6 4 6.448 4 7ZM10 7C10 7.552 10.448 8 11 8C11.552 8 12 7.552 12 7C12 6.448 11.552 6 11 6C10.448 6 10 6.448 10 7Z"/></svg>
React
// Gentleface "gpu" (line-round), MIT. https://gentleface.com/icons/gpu
import type { SVGProps } from 'react';

export function GpuIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 9C15 9.254 14.953 9.5 14.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L12 11L12 12.5C12 12.641 11.952 12.759 11.856 12.856C11.759 12.952 11.641 13 11.5 13C11.359 13 11.241 12.952 11.144 12.856C11.048 12.759 11 12.641 11 12.5L11 11L10 11L10 12.5C10 12.641 9.952 12.759 9.856 12.856C9.759 12.952 9.641 13 9.5 13C9.359 13 9.241 12.952 9.144 12.856C9.048 12.759 9 12.641 9 12.5L9 11L8 11L8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 11L6 11L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13C5.359 13 5.241 12.952 5.144 12.856C5.048 12.759 5 12.641 5 12.5L5 11L2 11L2 14.5C2 14.641 1.952 14.759 1.856 14.856C1.759 14.952 1.641 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144ZM13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L2 4L2 10L13 10ZM3.14 6.264C3.242 6.007 3.391 5.781 3.586 5.586C3.781 5.391 4.007 5.242 4.264 5.14C4.5 5.047 4.746 5 5 5C5.254 5 5.5 5.047 5.736 5.14C5.993 5.242 6.219 5.391 6.414 5.586C6.609 5.781 6.758 6.007 6.86 6.264C6.953 6.5 7 6.746 7 7C7 7.254 6.953 7.5 6.86 7.736C6.758 7.993 6.609 8.219 6.414 8.414C6.219 8.609 5.993 8.758 5.736 8.86C5.5 8.953 5.254 9 5 9C4.746 9 4.5 8.953 4.264 8.86C4.007 8.758 3.781 8.609 3.586 8.414C3.391 8.219 3.242 7.993 3.14 7.736C3.047 7.5 3 7.254 3 7C3 6.746 3.047 6.5 3.14 6.264ZM9.14 6.264C9.242 6.007 9.391 5.781 9.586 5.586C9.781 5.391 10.007 5.242 10.264 5.14C10.5 5.047 10.746 5 11 5C11.254 5 11.5 5.047 11.736 5.14C11.993 5.242 12.219 5.391 12.414 5.586C12.609 5.781 12.758 6.007 12.86 6.264C12.953 6.5 13 6.746 13 7C13 7.254 12.953 7.5 12.86 7.736C12.758 7.993 12.609 8.219 12.414 8.414C12.219 8.609 11.993 8.758 11.736 8.86C11.5 8.953 11.254 9 11 9C10.746 9 10.5 8.953 10.264 8.86C10.007 8.758 9.781 8.609 9.586 8.414C9.391 8.219 9.242 7.993 9.14 7.736C9.047 7.5 9 7.254 9 7C9 6.746 9.047 6.5 9.14 6.264ZM4 7C4 7.552 4.448 8 5 8C5.552 8 6 7.552 6 7C6 6.448 5.552 6 5 6C4.448 6 4 6.448 4 7ZM10 7C10 7.552 10.448 8 11 8C11.552 8 12 7.552 12 7C12 6.448 11.552 6 11 6C10.448 6 10 6.448 10 7Z" />
    </svg>
  );
}
Vue
Vue: see /icons/gpu.md
Svelte
Svelte: see /icons/gpu.md
HTML img
HTML img: see /icons/gpu.md
CSS
CSS: see /icons/gpu.md
Data URL
Data URL: see /icons/gpu.md
Sprite
Sprite: see /icons/gpu.md
SwiftUI
SwiftUI: see /icons/gpu.md
Compose
Compose: see /icons/gpu.md
Android XML
Android XML: see /icons/gpu.md
Flutter
Flutter: see /icons/gpu.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { GpuIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
gpu, graphics card, video card, graphics processor
Alternatives
  • cpu: the main processor (cpu)
Also fits
  • cpu: a graphics card (gpu)
Tags
gpu, graphics-card, video-card, graphics, pcie, expansion-card, rendering, hardware, fans, cuda
Category
Devices & hardware
Component name
GpuIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More devices & hardware icons

For agents

Metadata: /icons/gpu.json · Markdown: /icons/gpu.md · SVG: https://gentleface.com/svg/{style}/16/gpu.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/gpu.png