Home/Libraries/Game Icons (Iconify)/computing

Game Icons (Iconify)

Computing

License: CC-BY-3.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M83.014 30.53q-22.198.001-33.96 17.6q-11.673 17.513-11.673 50.942q0 33.341 11.675 50.94q11.76 17.51 33.96 17.51q22.197 0 33.872-17.51q11.76-17.599 11.76-50.94q0-33.43-11.76-50.94q-11.675-17.6-33.873-17.6zm230.648 0q-22.2.001-33.96 17.6q-11.675 17.513-11.675 50.942q0 33.341 11.674 50.94q11.764 17.51 33.962 17.51q22.2 0 33.87-17.51q11.765-17.599 11.765-50.94q0-33.43-11.764-50.94q-11.673-17.6-33.87-17.6zm115.324 0q-22.199.001-33.96 17.6q-11.674 17.513-11.674 50.942q0 33.341 11.673 50.94q11.764 17.51 33.96 17.51q22.2 0 33.872-17.51q11.762-17.599 11.762-50.94q0-33.43-11.763-50.94q-11.673-17.6-33.87-17.6zm-236.75 2.39l-31.572 6.367V55.56l31.748-6.367v100.73H163.23v15.036h76.055v-15.036H210.1V32.92zM83.014 44.682q13.884 0 20.783 13.62q6.987 13.53 6.986 40.77q0 27.15-6.986 40.77q-6.9 13.53-20.783 13.53q-13.796 0-20.782-13.53q-6.898-13.62-6.898-40.77q0-27.24 6.898-40.77q6.986-13.62 20.782-13.62m230.648 0q13.886 0 20.783 13.62q6.987 13.53 6.987 40.77q0 27.15-6.987 40.77q-6.897 13.53-20.783 13.53q-13.796 0-20.783-13.53q-6.9-13.62-6.9-40.77q0-27.24 6.9-40.77q6.986-13.62 20.782-13.62zm115.324 0q13.885 0 20.784 13.62q6.986 13.53 6.986 40.77q-.001 27.15-6.986 40.77q-6.9 13.53-20.784 13.53q-13.796 0-20.783-13.53q-6.899-13.62-6.898-40.77q0-27.24 6.898-40.77q6.987-13.62 20.783-13.62M83.014 187.504q-22.198 0-33.96 17.6q-11.673 17.51-11.673 50.94q0 33.342 11.675 50.94q11.76 17.512 33.96 17.512q22.197 0 33.872-17.512q11.76-17.598 11.76-50.94q0-33.43-11.76-50.94q-11.675-17.6-33.873-17.6zm115.324 0q-22.2 0-33.96 17.6q-11.675 17.51-11.675 50.94q-.001 33.342 11.674 50.94q11.762 17.512 33.96 17.512q22.199 0 33.874-17.512q11.763-17.598 11.763-50.94q0-33.43-11.762-50.94q-11.673-17.6-33.872-17.6zm109.223 2.39l-31.574 6.366v16.273l31.75-6.37v100.733h-29.183v15.036h76.056v-15.036h-29.186V189.893H307.56zm115.323 0l-31.572 6.366v16.273l31.75-6.37v100.733h-29.185v15.036h76.057v-15.036H440.75V189.893h-17.865zm-339.87 11.76q13.886 0 20.784 13.62q6.987 13.532 6.986 40.77q0 27.15-6.986 40.77q-6.9 13.531-20.783 13.532q-13.796 0-20.782-13.532q-6.897-13.62-6.898-40.77q0-27.239 6.898-40.77q6.986-13.62 20.782-13.62zm115.325 0q13.884 0 20.783 13.62q6.988 13.532 6.987 40.77q0 27.15-6.986 40.77q-6.898 13.531-20.782 13.532q-13.797 0-20.783-13.532q-6.9-13.62-6.9-40.77q0-27.239 6.9-40.77q6.986-13.62 20.783-13.62zm0 142.823q-22.2 0-33.96 17.6q-11.675 17.509-11.675 50.94q-.001 33.34 11.674 50.94q11.762 17.511 33.96 17.512q22.199-.002 33.874-17.513q11.763-17.6 11.763-50.94q0-33.431-11.762-50.94q-11.673-17.6-33.872-17.6zm115.324 0q-22.2 0-33.96 17.6q-11.675 17.509-11.675 50.94q0 33.34 11.674 50.94q11.764 17.511 33.962 17.512q22.2-.002 33.87-17.513q11.765-17.6 11.765-50.94q0-33.431-11.764-50.94q-11.673-17.6-33.87-17.6zm-236.75 2.388l-31.572 6.367v16.272l31.75-6.367V463.87H47.904v15.03h76.057v-15.03H94.778V346.864H76.912zm345.97 0l-31.57 6.367v16.272l31.75-6.367V463.87h-29.187v15.03h76.057v-15.03h-29.184V346.864h-17.865zM198.34 358.627q13.884 0 20.783 13.62q6.988 13.53 6.987 40.77q0 27.15-6.986 40.77q-6.898 13.53-20.782 13.53q-13.797 0-20.783-13.53q-6.9-13.62-6.9-40.77q0-27.24 6.9-40.77q6.986-13.62 20.783-13.62zm115.324 0q13.886 0 20.783 13.62q6.987 13.53 6.987 40.77q0 27.15-6.987 40.77q-6.897 13.53-20.783 13.53q-13.796 0-20.783-13.53q-6.9-13.62-6.9-40.77q0-27.24 6.9-40.77q6.986-13.62 20.782-13.62z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ComputingIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.