screencast icon
screencast from Reicon by REICON · Outline · IT · MIT Free for personal and commercial use.
- Name
- screencast
- Set
- Reicon
- Style
- Outline
- Category
- IT
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All screencast icons →More it icons from Reicon
Use the screencast icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.452 3.25c-.418 0-.685 0-.918.023a4.75 4.75 0 0 0-4.261 4.261c-.023.233-.023.5-.023.918V8.5a.75.75 0 1 0 1.5 0c0-.482 0-.669.016-.819A3.25 3.25 0 0 1 5.68 4.766c.15-.015.337-.016.819-.016H14c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289s-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14a.75.75 0 0 0 0 1.5h.056c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433v-.112c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87c-.749-.748-1.698-1.08-2.87-1.238c-1.14-.153-2.595-.153-4.433-.153z"/><path d="M2 10.25a.75.75 0 0 0 0 1.5A8.25 8.25 0 0 1 10.25 20a.75.75 0 0 0 1.5 0A9.75 9.75 0 0 0 2 10.25"/><path d="M1.25 14a.75.75 0 0 1 .75-.75A6.75 6.75 0 0 1 8.75 20a.75.75 0 0 1-1.5 0c0-2.9-2.35-5.25-5.25-5.25a.75.75 0 0 1-.75-.75"/><path d="M2 16.25a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 4.25 20a.75.75 0 0 0 1.5 0A3.75 3.75 0 0 0 2 16.25"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconScreencast(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="M6.452 3.25c-.418 0-.685 0-.918.023a4.75 4.75 0 0 0-4.261 4.261c-.023.233-.023.5-.023.918V8.5a.75.75 0 1 0 1.5 0c0-.482 0-.669.016-.819A3.25 3.25 0 0 1 5.68 4.766c.15-.015.337-.016.819-.016H14c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289s-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14a.75.75 0 0 0 0 1.5h.056c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433v-.112c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87c-.749-.748-1.698-1.08-2.87-1.238c-1.14-.153-2.595-.153-4.433-.153z"/><path d="M2 10.25a.75.75 0 0 0 0 1.5A8.25 8.25 0 0 1 10.25 20a.75.75 0 0 0 1.5 0A9.75 9.75 0 0 0 2 10.25"/><path d="M1.25 14a.75.75 0 0 1 .75-.75A6.75 6.75 0 0 1 8.75 20a.75.75 0 0 1-1.5 0c0-2.9-2.35-5.25-5.25-5.25a.75.75 0 0 1-.75-.75"/><path d="M2 16.25a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 4.25 20a.75.75 0 0 0 1.5 0A3.75 3.75 0 0 0 2 16.25"/></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="M6.452 3.25c-.418 0-.685 0-.918.023a4.75 4.75 0 0 0-4.261 4.261c-.023.233-.023.5-.023.918V8.5a.75.75 0 1 0 1.5 0c0-.482 0-.669.016-.819A3.25 3.25 0 0 1 5.68 4.766c.15-.015.337-.016.819-.016H14c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289s-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14a.75.75 0 0 0 0 1.5h.056c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433v-.112c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87c-.749-.748-1.698-1.08-2.87-1.238c-1.14-.153-2.595-.153-4.433-.153z"/><path d="M2 10.25a.75.75 0 0 0 0 1.5A8.25 8.25 0 0 1 10.25 20a.75.75 0 0 0 1.5 0A9.75 9.75 0 0 0 2 10.25"/><path d="M1.25 14a.75.75 0 0 1 .75-.75A6.75 6.75 0 0 1 8.75 20a.75.75 0 0 1-1.5 0c0-2.9-2.35-5.25-5.25-5.25a.75.75 0 0 1-.75-.75"/><path d="M2 16.25a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 4.25 20a.75.75 0 0 0 1.5 0A3.75 3.75 0 0 0 2 16.25"/></g></svg> </template>
CSS
.icon-screencast {
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%22M6.452%203.25c-.418%200-.685%200-.918.023a4.75%204.75%200%200%200-4.261%204.261c-.023.233-.023.5-.023.918V8.5a.75.75%200%201%200%201.5%200c0-.482%200-.669.016-.819A3.25%203.25%200%200%201%205.68%204.766c.15-.015.337-.016.819-.016H14c1.907%200%203.262.002%204.29.14c1.005.135%201.585.389%202.008.812s.677%201.003.812%202.009c.138%201.028.14%202.382.14%204.289s-.002%203.262-.14%204.29c-.135%201.005-.389%201.585-.812%202.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14a.75.75%200%200%200%200%201.5h.056c1.838%200%203.294%200%204.433-.153c1.172-.158%202.121-.49%202.87-1.238c.748-.749%201.08-1.698%201.238-2.87c.153-1.14.153-2.595.153-4.433v-.112c0-1.838%200-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87c-.749-.748-1.698-1.08-2.87-1.238c-1.14-.153-2.595-.153-4.433-.153z%22%2F%3E%3Cpath%20d%3D%22M2%2010.25a.75.75%200%200%200%200%201.5A8.25%208.25%200%200%201%2010.25%2020a.75.75%200%200%200%201.5%200A9.75%209.75%200%200%200%202%2010.25%22%2F%3E%3Cpath%20d%3D%22M1.25%2014a.75.75%200%200%201%20.75-.75A6.75%206.75%200%200%201%208.75%2020a.75.75%200%200%201-1.5%200c0-2.9-2.35-5.25-5.25-5.25a.75.75%200%200%201-.75-.75%22%2F%3E%3Cpath%20d%3D%22M2%2016.25a.75.75%200%200%200%200%201.5A2.25%202.25%200%200%201%204.25%2020a.75.75%200%200%200%201.5%200A3.75%203.75%200%200%200%202%2016.25%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%22M6.452%203.25c-.418%200-.685%200-.918.023a4.75%204.75%200%200%200-4.261%204.261c-.023.233-.023.5-.023.918V8.5a.75.75%200%201%200%201.5%200c0-.482%200-.669.016-.819A3.25%203.25%200%200%201%205.68%204.766c.15-.015.337-.016.819-.016H14c1.907%200%203.262.002%204.29.14c1.005.135%201.585.389%202.008.812s.677%201.003.812%202.009c.138%201.028.14%202.382.14%204.289s-.002%203.262-.14%204.29c-.135%201.005-.389%201.585-.812%202.008s-1.003.677-2.009.812c-1.027.138-2.382.14-4.289.14a.75.75%200%200%200%200%201.5h.056c1.838%200%203.294%200%204.433-.153c1.172-.158%202.121-.49%202.87-1.238c.748-.749%201.08-1.698%201.238-2.87c.153-1.14.153-2.595.153-4.433v-.112c0-1.838%200-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87c-.749-.748-1.698-1.08-2.87-1.238c-1.14-.153-2.595-.153-4.433-.153z%22%2F%3E%3Cpath%20d%3D%22M2%2010.25a.75.75%200%200%200%200%201.5A8.25%208.25%200%200%201%2010.25%2020a.75.75%200%200%200%201.5%200A9.75%209.75%200%200%200%202%2010.25%22%2F%3E%3Cpath%20d%3D%22M1.25%2014a.75.75%200%200%201%20.75-.75A6.75%206.75%200%200%201%208.75%2020a.75.75%200%200%201-1.5%200c0-2.9-2.35-5.25-5.25-5.25a.75.75%200%200%201-.75-.75%22%2F%3E%3Cpath%20d%3D%22M2%2016.25a.75.75%200%200%200%200%201.5A2.25%202.25%200%200%201%204.25%2020a.75.75%200%200%200%201.5%200A3.75%203.75%200%200%200%202%2016.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/screencast.svg?color=%231a73e8&size=48
