monitor icon
monitor-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- monitor-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- monitor, monitor-outline
The same icon in other sets
monitorElement Plusmonitor-fillEva IconsmonitorFeather IconsmonitorHuge IconsmonitorIconParkmonitorIconPark OutlinemonitorIconPark SolidmonitorIconPark TwoTonemonitorIonIconsmonitorMaterial Line IconsmonitorLucidemonitorMajesticonsmonitorMaterial SymbolsmonitorMaterial Symbols LightmonitorMaterial Design Iconsmonitor-fillMingCute IconmonitorMyna UI IconsmonitorPhosphormonitorPixelarticonsmonitor-boldSolarmonitorUnicons
Use the monitor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m692.8 412.7l.2-.2l-34.6-44.3a7.97 7.97 0 0 0-11.2-1.4l-50.4 39.3l-70.5-90.1a7.97 7.97 0 0 0-11.2-1.4l-37.9 29.7a7.97 7.97 0 0 0-1.4 11.2l70.5 90.2l-.2.1l34.6 44.3c2.7 3.5 7.7 4.1 11.2 1.4l50.4-39.3l64.1 82c2.7 3.5 7.7 4.1 11.2 1.4l37.9-29.6c3.5-2.7 4.1-7.7 1.4-11.2zM608 112c-167.9 0-304 136.1-304 304c0 70.3 23.9 135 63.9 186.5L114.3 856.1a8.03 8.03 0 0 0 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112m161.2 465.2C726.2 620.3 668.9 644 608 644s-118.2-23.7-161.2-66.8C403.7 534.2 380 476.9 380 416s23.7-118.2 66.8-161.2c43-43.1 100.3-66.8 161.2-66.8s118.2 23.7 161.2 66.8c43.1 43 66.8 100.3 66.8 161.2s-23.7 118.2-66.8 161.2"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignMonitorOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m692.8 412.7l.2-.2l-34.6-44.3a7.97 7.97 0 0 0-11.2-1.4l-50.4 39.3l-70.5-90.1a7.97 7.97 0 0 0-11.2-1.4l-37.9 29.7a7.97 7.97 0 0 0-1.4 11.2l70.5 90.2l-.2.1l34.6 44.3c2.7 3.5 7.7 4.1 11.2 1.4l50.4-39.3l64.1 82c2.7 3.5 7.7 4.1 11.2 1.4l37.9-29.6c3.5-2.7 4.1-7.7 1.4-11.2zM608 112c-167.9 0-304 136.1-304 304c0 70.3 23.9 135 63.9 186.5L114.3 856.1a8.03 8.03 0 0 0 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112m161.2 465.2C726.2 620.3 668.9 644 608 644s-118.2-23.7-161.2-66.8C403.7 534.2 380 476.9 380 416s23.7-118.2 66.8-161.2c43-43.1 100.3-66.8 161.2-66.8s118.2 23.7 161.2 66.8c43.1 43 66.8 100.3 66.8 161.2s-23.7 118.2-66.8 161.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m692.8 412.7l.2-.2l-34.6-44.3a7.97 7.97 0 0 0-11.2-1.4l-50.4 39.3l-70.5-90.1a7.97 7.97 0 0 0-11.2-1.4l-37.9 29.7a7.97 7.97 0 0 0-1.4 11.2l70.5 90.2l-.2.1l34.6 44.3c2.7 3.5 7.7 4.1 11.2 1.4l50.4-39.3l64.1 82c2.7 3.5 7.7 4.1 11.2 1.4l37.9-29.6c3.5-2.7 4.1-7.7 1.4-11.2zM608 112c-167.9 0-304 136.1-304 304c0 70.3 23.9 135 63.9 186.5L114.3 856.1a8.03 8.03 0 0 0 0 11.3l42.3 42.3c3.1 3.1 8.2 3.1 11.3 0l253.6-253.6C473 696.1 537.7 720 608 720c167.9 0 304-136.1 304-304S775.9 112 608 112m161.2 465.2C726.2 620.3 668.9 644 608 644s-118.2-23.7-161.2-66.8C403.7 534.2 380 476.9 380 416s23.7-118.2 66.8-161.2c43-43.1 100.3-66.8 161.2-66.8s118.2 23.7 161.2 66.8c43.1 43 66.8 100.3 66.8 161.2s-23.7 118.2-66.8 161.2"/></svg> </template>
CSS
.icon-monitor-outlined {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m692.8%20412.7l.2-.2l-34.6-44.3a7.97%207.97%200%200%200-11.2-1.4l-50.4%2039.3l-70.5-90.1a7.97%207.97%200%200%200-11.2-1.4l-37.9%2029.7a7.97%207.97%200%200%200-1.4%2011.2l70.5%2090.2l-.2.1l34.6%2044.3c2.7%203.5%207.7%204.1%2011.2%201.4l50.4-39.3l64.1%2082c2.7%203.5%207.7%204.1%2011.2%201.4l37.9-29.6c3.5-2.7%204.1-7.7%201.4-11.2zM608%20112c-167.9%200-304%20136.1-304%20304c0%2070.3%2023.9%20135%2063.9%20186.5L114.3%20856.1a8.03%208.03%200%200%200%200%2011.3l42.3%2042.3c3.1%203.1%208.2%203.1%2011.3%200l253.6-253.6C473%20696.1%20537.7%20720%20608%20720c167.9%200%20304-136.1%20304-304S775.9%20112%20608%20112m161.2%20465.2C726.2%20620.3%20668.9%20644%20608%20644s-118.2-23.7-161.2-66.8C403.7%20534.2%20380%20476.9%20380%20416s23.7-118.2%2066.8-161.2c43-43.1%20100.3-66.8%20161.2-66.8s118.2%2023.7%20161.2%2066.8c43.1%2043%2066.8%20100.3%2066.8%20161.2s-23.7%20118.2-66.8%20161.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m692.8%20412.7l.2-.2l-34.6-44.3a7.97%207.97%200%200%200-11.2-1.4l-50.4%2039.3l-70.5-90.1a7.97%207.97%200%200%200-11.2-1.4l-37.9%2029.7a7.97%207.97%200%200%200-1.4%2011.2l70.5%2090.2l-.2.1l34.6%2044.3c2.7%203.5%207.7%204.1%2011.2%201.4l50.4-39.3l64.1%2082c2.7%203.5%207.7%204.1%2011.2%201.4l37.9-29.6c3.5-2.7%204.1-7.7%201.4-11.2zM608%20112c-167.9%200-304%20136.1-304%20304c0%2070.3%2023.9%20135%2063.9%20186.5L114.3%20856.1a8.03%208.03%200%200%200%200%2011.3l42.3%2042.3c3.1%203.1%208.2%203.1%2011.3%200l253.6-253.6C473%20696.1%20537.7%20720%20608%20720c167.9%200%20304-136.1%20304-304S775.9%20112%20608%20112m161.2%20465.2C726.2%20620.3%20668.9%20644%20608%20644s-118.2-23.7-161.2-66.8C403.7%20534.2%20380%20476.9%20380%20416s23.7-118.2%2066.8-161.2c43-43.1%20100.3-66.8%20161.2-66.8s118.2%2023.7%20161.2%2066.8c43.1%2043%2066.8%20100.3%2066.8%20161.2s-23.7%20118.2-66.8%20161.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/monitor-outlined.svg?color=%231a73e8&size=48
