Color

Advanced editing in SVG Editor

Carbon Icons

Monitor Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: monitor screen display computer desktop

The Monitor icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/320384.svg" alt="Monitor icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/320384.svg" alt="Monitor icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/320384.svg"
  alt="Monitor icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-monitor {
  background-image: url('https://proicons.com/icon/320384.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="monitor_00000058560226699192581640000012012125014103348631_" d="M9,29.36c-0.75,0-1.36-0.61-1.36-1.36
	S8.25,26.64,9,26.64c0.121,0,0.238,0.017,0.35,0.046l1.875-3.216c-5.558-2.058-9.316-6.991-9.514-7.254L1.55,16l0.162-0.216
	c0.197-0.263,3.953-5.193,9.509-7.252L9.349,5.315C9.237,5.344,9.121,5.36,9,5.36C8.25,5.36,7.64,4.75,7.64,4S8.25,2.64,9,2.64
	S10.36,3.25,10.36,4c0,0.37-0.148,0.707-0.389,0.952l1.945,3.341C13.196,7.886,14.564,7.64,16,7.64
	c6.325,0,11.369,4.804,13.435,7.123c0.173-0.079,0.364-0.123,0.565-0.123c0.75,0,1.36,0.61,1.36,1.36s-0.61,1.36-1.36,1.36
	c-0.201,0-0.394-0.045-0.565-0.123C27.368,19.556,22.322,24.36,16,24.36c-1.434,0-2.8-0.246-4.08-0.651l-1.948,3.34
	c0.24,0.246,0.388,0.581,0.388,0.951C10.36,28.75,9.75,29.36,9,29.36z M9,27.36c-0.353,0-0.64,0.287-0.64,0.64S8.647,28.64,9,28.64
	S9.64,28.353,9.64,28S9.353,27.36,9,27.36z M12.298,23.061C13.469,23.423,14.71,23.64,16,23.64c6.021,0,10.877-4.618,12.883-6.865
	c-0.087-0.125-0.153-0.265-0.194-0.415H22.35c-0.187,3.34-2.964,6-6.35,6c-1.039,0-2.021-0.251-2.888-0.694L12.298,23.061z
	 M2.459,16c0.799,0.985,4.323,5.065,9.143,6.826l0.889-1.524C10.774,20.162,9.64,18.211,9.64,16c0-2.208,1.131-4.157,2.844-5.298
	l-0.888-1.526C6.779,10.937,3.258,15.016,2.459,16z M13.475,21.043c0.76,0.382,1.618,0.597,2.525,0.597
	c2.989,0,5.442-2.337,5.629-5.28h-2.288c-0.18,1.684-1.609,3-3.341,3c-0.488,0-0.953-0.105-1.372-0.293L13.475,21.043z
	 M12.848,11.326c-1.5,1.015-2.488,2.731-2.488,4.674c0,1.946,0.991,3.665,2.494,4.679l1.152-1.976
	C13.178,18.091,12.64,17.107,12.64,16c0-1.104,0.535-2.084,1.358-2.697L12.848,11.326z M16,13.36c-1.456,0-2.64,1.185-2.64,2.64
	c0,1.456,1.185,2.64,2.64,2.64c1.456,0,2.64-1.184,2.64-2.64S17.456,13.36,16,13.36z M30,15.36c-0.353,0-0.64,0.287-0.64,0.64
	s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S30.353,15.36,30,15.36z M22.35,15.64h6.339c0.041-0.15,0.107-0.29,0.194-0.415
	C26.878,12.979,22.023,8.36,16,8.36c-1.292,0-2.535,0.218-3.708,0.581l0.813,1.396C13.974,9.892,14.958,9.64,16,9.64
	C19.386,9.64,22.163,12.3,22.35,15.64z M19.341,15.64h2.288c-0.187-2.943-2.64-5.28-5.629-5.28c-0.91,0-1.77,0.217-2.532,0.601
	l1.15,1.976c0.422-0.191,0.89-0.297,1.382-0.297C17.731,12.64,19.161,13.956,19.341,15.64z M9,3.36C8.647,3.36,8.36,3.647,8.36,4
	S8.647,4.64,9,4.64S9.64,4.353,9.64,4S9.353,3.36,9,3.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Monitor in other icon packs

Phosphor Icons

Eva Icons Filled

Feather Icons

Lucide Icons

MynaUI Icons Filled

MynaUI Icons

Copied!

Monitor Icon

More from Carbon Icons

Monitor in other icon packs