monitor icon
monitor-bold-duotone from Solar by 480 Design · Bold Duotone · Devices · CC-BY-4.0 Attribution required.
- Name
- monitor-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
monitor-outlinedAnt Design IconsmonitorElement Plusmonitor-fillEva IconsmonitorFeather IconsmonitorHuge IconsmonitorIconParkmonitorIconPark OutlinemonitorIconPark SolidmonitorIconPark TwoTonemonitorIonIconsmonitorMaterial Line IconsmonitorLucidemonitorMajesticonsmonitorMaterial SymbolsmonitorMaterial Symbols LightmonitorMaterial Design Iconsmonitor-fillMingCute IconmonitorMyna UI IconsmonitorPhosphormonitorPixelarticonsmonitorUnicons
More devices icons from Solar
airbuds-boldairbuds-case-boldairbuds-case-charge-boldairbuds-case-minimalistic-boldairbuds-case-open-boldairbuds-charge-boldairbuds-check-boldairbuds-left-boldairbuds-remove-boldairbuds-right-boldbinoculars-boldbluetooth-boldbluetooth-circle-boldbluetooth-square-boldbluetooth-wave-boldboombox-boldbot-boldcassette-2-boldcassette-boldcloud-storage-boldcpu-boldcpu-bolt-bolddevices-bolddiskette-bold
Use the monitor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 2H14C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10V11C22 11.5516 22 12.5494 21.9935 13H2.00652C2 12.5494 2 11.5516 2 11V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.22876 2 10 2Z" opacity=".5"/><path d="M7.9846 17.5C5.14528 17.5 3.72562 17.5 2.84356 16.6213C2.27207 16.052 2.07085 15.2579 2 14V13H22V14C21.9292 15.2579 21.7279 16.052 21.1564 16.6213C20.2744 17.5 18.8547 17.5 16.0154 17.5H12.7529V21.5H16.0154C16.4312 21.5 16.7683 21.8358 16.7683 22.25C16.7683 22.6642 16.4312 23 16.0154 23H7.9846C7.56879 23 7.23171 22.6642 7.23171 22.25C7.23171 21.8358 7.56879 21.5 7.9846 21.5H11.2471V17.5H7.9846Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMonitorBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 2H14C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10V11C22 11.5516 22 12.5494 21.9935 13H2.00652C2 12.5494 2 11.5516 2 11V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.22876 2 10 2Z" opacity=".5"/><path d="M7.9846 17.5C5.14528 17.5 3.72562 17.5 2.84356 16.6213C2.27207 16.052 2.07085 15.2579 2 14V13H22V14C21.9292 15.2579 21.7279 16.052 21.1564 16.6213C20.2744 17.5 18.8547 17.5 16.0154 17.5H12.7529V21.5H16.0154C16.4312 21.5 16.7683 21.8358 16.7683 22.25C16.7683 22.6642 16.4312 23 16.0154 23H7.9846C7.56879 23 7.23171 22.6642 7.23171 22.25C7.23171 21.8358 7.56879 21.5 7.9846 21.5H11.2471V17.5H7.9846Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 2H14C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10V11C22 11.5516 22 12.5494 21.9935 13H2.00652C2 12.5494 2 11.5516 2 11V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.22876 2 10 2Z" opacity=".5"/><path d="M7.9846 17.5C5.14528 17.5 3.72562 17.5 2.84356 16.6213C2.27207 16.052 2.07085 15.2579 2 14V13H22V14C21.9292 15.2579 21.7279 16.052 21.1564 16.6213C20.2744 17.5 18.8547 17.5 16.0154 17.5H12.7529V21.5H16.0154C16.4312 21.5 16.7683 21.8358 16.7683 22.25C16.7683 22.6642 16.4312 23 16.0154 23H7.9846C7.56879 23 7.23171 22.6642 7.23171 22.25C7.23171 21.8358 7.56879 21.5 7.9846 21.5H11.2471V17.5H7.9846Z"/></g></svg> </template>
CSS
.icon-monitor-bold-duotone {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%202H14C17.7712%202%2019.6569%202%2020.8284%203.17157C22%204.34315%2022%206.22876%2022%2010V11C22%2011.5516%2022%2012.5494%2021.9935%2013H2.00652C2%2012.5494%202%2011.5516%202%2011V10C2%206.22876%202%204.34315%203.17157%203.17157C4.34315%202%206.22876%202%2010%202Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7.9846%2017.5C5.14528%2017.5%203.72562%2017.5%202.84356%2016.6213C2.27207%2016.052%202.07085%2015.2579%202%2014V13H22V14C21.9292%2015.2579%2021.7279%2016.052%2021.1564%2016.6213C20.2744%2017.5%2018.8547%2017.5%2016.0154%2017.5H12.7529V21.5H16.0154C16.4312%2021.5%2016.7683%2021.8358%2016.7683%2022.25C16.7683%2022.6642%2016.4312%2023%2016.0154%2023H7.9846C7.56879%2023%207.23171%2022.6642%207.23171%2022.25C7.23171%2021.8358%207.56879%2021.5%207.9846%2021.5H11.2471V17.5H7.9846Z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%202H14C17.7712%202%2019.6569%202%2020.8284%203.17157C22%204.34315%2022%206.22876%2022%2010V11C22%2011.5516%2022%2012.5494%2021.9935%2013H2.00652C2%2012.5494%202%2011.5516%202%2011V10C2%206.22876%202%204.34315%203.17157%203.17157C4.34315%202%206.22876%202%2010%202Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7.9846%2017.5C5.14528%2017.5%203.72562%2017.5%202.84356%2016.6213C2.27207%2016.052%202.07085%2015.2579%202%2014V13H22V14C21.9292%2015.2579%2021.7279%2016.052%2021.1564%2016.6213C20.2744%2017.5%2018.8547%2017.5%2016.0154%2017.5H12.7529V21.5H16.0154C16.4312%2021.5%2016.7683%2021.8358%2016.7683%2022.25C16.7683%2022.6642%2016.4312%2023%2016.0154%2023H7.9846C7.56879%2023%207.23171%2022.6642%207.23171%2022.25C7.23171%2021.8358%207.56879%2021.5%207.9846%2021.5H11.2471V17.5H7.9846Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/monitor-bold-duotone.svg?color=%231a73e8&size=48
