Desktop Computer icon
cbi:desktop-computer
The Desktop Computer icon (cbi:desktop-computer) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- desktopcomputer
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.412 17.916c.01.14.28.102.29.008v-.338c0-.118-.271-.125-.28.008a2 2 0 0 0-.01.322m.14 1.123c.657-.009.985-.935.882-1.724a1.43 1.43 0 0 0-.764-.165a2 2 0 0 0-.017.283s.162 0 .155.099v.454c0 .112-.166.085-.166.085s.022.405.012.541c.098.07-.258.088-.17 0l-.009-.534s-.159.01-.169-.049s0-.466 0-.466c.01-.069 0-.113.139-.113a3 3 0 0 1 .019-.298a1.4 1.4 0 0 0-.699.2c-.188.765.131 1.687.787 1.687m1.246-.809a.93.93 0 0 0-.26-.856a6 6 0 0 1 .023.702c-.011.359-.361 1.176-1.005 1.176s-.992-.794-.969-1.176a2.1 2.1 0 0 1 .056-.683c-.214.148-.27.663-.248.811a6.4 6.4 0 0 1-.181 1.604c.305-.221.26-.202.441-.553c.147-.285.18.267.868.259s.779-.544.913-.287a.83.83 0 0 0 .553.563c.023-.323-.315-.731-.191-1.56m-.447 1.13q-.03-.002-.083.067a1.06 1.06 0 0 1-1.456 0c-.203-.193-.09.321-.598.619a1.333 1.333 0 0 0 1.391 1.212c.666.058 1.467-.631 1.39-1.241c-.556-.195-.544-.657-.644-.657m-.749 1.345a.288.288 0 1 1 .012-.571a.289.289 0 1 1-.013.575ZM3.654 17.591l-.25 1.737h10.65l-.199-1.737Zm12.599 0h-2.169l.245 1.737h2.357Zm.425-1.011H3.307a.63.63 0 0 0-.612.493L2 20.241v.816h16.039v-.816l-.748-3.178a.626.626 0 0 0-.613-.483m.107 3.116H3.33a.374.374 0 0 1-.368-.454l.359-1.7a.374.374 0 0 1 .367-.299h12.699a.374.374 0 0 1 .367.292l.394 1.701a.376.376 0 0 1-.367.46Zm5.189-15.675a.75.75 0 0 0-.748-.749l-5.139.016a.81.81 0 0 0-.764-.549l-11.762.038a.81.81 0 0 0-.804.813l.028 9.018a.81.81 0 0 0 .811.807h4.023l-.207 1.374h-.567a.434.434 0 0 0 0 .866l5.26-.016a.434.434 0 0 0 0-.867h-.573l-.221-1.372h2.943v1.53a.75.75 0 0 0 .749.748l6.248-.02a.75.75 0 0 0 .749-.749ZM3.62 3.648l11.655-.038l.021 6.649l-11.656.034Zm4.66 11.133l.206-1.38h1.943l.214 1.374Zm-4.633-2.23v-1.399l11.655-.035v1.399Zm12.938 2.258h-1.552v-1.421h.32a.81.81 0 0 0 .807-.81v-2.72l.438.443Zm2.505 0h-1.692V9.973l-1.236-1.245l-.022.019l-.017-4.646l5.047-.023v3.816l-2.081 2.198Zm2.087-.017l-1.284.017v-4.396l1.284-1.347ZM9.473 11.447l-.009-.01a.422.422 0 1 0 .422.423a.413.413 0 0 0-.413-.413"/></svg>
How to use the Desktop Computer icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:desktop-computer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:desktop-computer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:desktop-computer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--desktop-computer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:desktop-computer"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:desktop-computer"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/desktop-computer.svg" alt="Desktop Computer icon" width="24" height="24">
Desktop Computer icon in other icon sets
Desktop Computer icon FAQ
Is the Desktop Computer icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Desktop Computer icon in React?
Install @iconify/react and render <Icon icon="cbi:desktop-computer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Desktop Computer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/desktop-computer.svg" alt="Desktop Computer icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
ICONYZ
