Screencast Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Screencast 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/310949.svg" alt="Screencast icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310949.svg" alt="Screencast icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310949.svg" alt="Screencast icon" :width="24" :height="24" />
CSS background
.icon-screencast {
background-image: url('https://proicons.com/icon/310949.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.6 20.325C4.6 19.8344 4.40509 19.3638 4.05815 19.0169C3.71121 18.6699 3.24065 18.475 2.75 18.475" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.56523 20.325C7.56523 19.6926 7.44068 19.0665 7.19869 18.4823C6.9567 17.8981 6.60202 17.3672 6.15488 16.9201C5.70774 16.473 5.17692 16.1183 4.59271 15.8763C4.0085 15.6343 3.38234 15.5098 2.75 15.5098" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.6988 20.325C10.6988 18.2168 9.86138 16.195 8.37068 14.7043C6.87999 13.2136 4.85817 12.3762 2.75 12.3762" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.925 20.325H17.55C18.5313 20.325 19.4724 19.9352 20.1663 19.2413C20.8602 18.5474 21.25 17.6063 21.25 16.625V7.375C21.25 6.3937 20.8602 5.45259 20.1663 4.75871C19.4724 4.06482 18.5313 3.675 17.55 3.675H6.45C5.4687 3.675 4.52759 4.06482 3.8337 4.75871C3.13982 5.45259 2.75 6.3937 2.75 7.375V9.15" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Screencast in other icon packs
Copied!