Menu

AI SVG Studio
Sign in
Computer SVG icon, line

Computer SVG icon, line

A desktop monitor sits beside a narrow tower, with a short stand beneath the screen. It fits workstation setup guides and office equipment lists.

Free ยท from Devices icons, line

Similar SVGs

More from Devices icons, line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JRaNxbpCxhV6/amnt.svg" alt="Computer" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="14" height="11" rx="1"/><path d="M9 15v4m-4 0h8"/><rect x="18" y="4" width="4" height="15" rx="1"/><path d="M20 7h.01"/></svg>
CSS background-image
.computer {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JRaNxbpCxhV6/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.computer {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/JRaNxbpCxhV6/amnt.svg") center / contain no-repeat;
}
React
import ComputerSvg from "./computer.jsx"; // from the React tab above

<ComputerSvg width={48} height={48} />

Tags

computerdesktoptowerworkstationdevicesiconline

Made with AMNT

AMNT SVG 1.1 drew this from the words Computer: Desktop monitor beside a narrow tower, with a short monitor stand. as part of the pack Devices icons, line. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings