Desk Device Pc icon
andrsrxn:desk-device-pc
The Desk Device Pc icon (andrsrxn:desk-device-pc) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/icons are released under the MIT 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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Business, Home, Devices
- Tags
- deskdevice, devicepc, deskdevicepc
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M18.62 14.08c.55 0 .83 0 1.04-.1a1 1 0 0 0 .44-.45c.11-.21.11-.49.11-1.04s0-.83-.1-1.04a1 1 0 0 0-.45-.45c-.21-.1-.49-.1-1.04-.1H5.38c-.55 0-.83 0-1.04.1a1 1 0 0 0-.44.45c-.11.21-.11.49-.11 1.04s0 .83.1 1.04q.16.3.45.44c.21.11.49.11 1.04.11zm.18 6.4c.38 0 .57 0 .73-.05a1 1 0 0 0 .63-.63c.05-.15.05-.34.05-.73s0-.57-.05-.72a1 1 0 0 0-.63-.63c-.16-.06-.35-.06-.73-.06h-3.2c-.39 0-.58 0-.73.06a1 1 0 0 0-.63.63c-.05.15-.05.34-.05.72c0 .39 0 .58.05.73q.16.47.63.63c.15.05.34.05.73.05z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.21 22.25V12.9c0-.95 0-1.42-.3-1.71c-.29-.3-.76-.3-1.7-.3H5.65c-.94 0-1.41 0-1.7.3s-.3.76-.3 1.7v9.36"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.85 14.3v2.34c0 1.89 0 2.83.59 3.42s1.53.58 3.41.58h2.36M3.79 14.3h16.42M2.3 10.9h19.4m-7.85 6.54h6.36"/><rect width="8.97" height="6.01" x="4.03" y="1.75" fill="currentColor" opacity=".2" rx="1.5"/><rect width="8.97" height="6.01" x="4.03" y="1.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.51 10.67v-2.9"/></g></svg>How to use the Desk Device Pc icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:desk-device-pc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:desk-device-pc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:desk-device-pc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--desk-device-pc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:desk-device-pc"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:desk-device-pc"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/desk-device-pc.svg" alt="Desk Device Pc icon" width="24" height="24">Related icons in andrsrxn/icons
Desk Device Pc icon FAQ
Is the Desk Device Pc icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Desk Device Pc icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:desk-device-pc" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Desk Device Pc icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/desk-device-pc.svg" alt="Desk Device Pc icon">, or paste the SVG code inline to style it with CSS.