screen record icon
screen-record from Material Symbols Light by Google · Regular · Android · Apache-2.0 Free for personal and commercial use.
- Name
- screen-record
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Android
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- screen-record-outline, screen-record-outline-sharp, screen-record-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More android icons from Material Symbols Light
1x-mobiledata1x-mobiledata-badge3g-mobiledata3g-mobiledata-badge4g-mobiledata4g-mobiledata-badge4g-plus-mobiledata5g5g-mobiledata-badgeadbairplanemode-inactiveandroidandroid-cell-4-barandroid-cell-4-bar-alertandroid-cell-4-bar-offandroid-cell-4-bar-plusandroid-cell-5-barandroid-cell-5-bar-alertandroid-cell-5-bar-offandroid-cell-5-bar-plusandroid-cell-dual-4-barandroid-cell-dual-4-bar-alertandroid-cell-dual-4-bar-plusandroid-cell-dual-5-bar
Use the screen record icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.392 16.796q-.656-1.038-1.024-2.253T3 12t.366-2.53t1.02-2.241l.72.713q-.535.892-.82 1.915Q4 10.879 4 12t.286 2.156t.82 1.927zM12 21q-1.329 0-2.53-.365q-1.203-.366-2.241-1.022l.713-.719q.892.535 1.915.82Q10.879 20 12 20t2.143-.286t1.915-.82l.713.72q-1.038.655-2.24 1.02Q13.329 21 12 21m7.608-4.223l-.714-.713q.535-.893.82-1.918Q20 13.121 20 12t-.286-2.143t-.82-1.915l.72-.713q.655 1.038 1.02 2.24Q21 10.671 21 12t-.368 2.534t-1.024 2.243M7.936 5.106l-.713-.714q1.038-.655 2.243-1.024Q10.671 3 12 3q1.335 0 2.546.368q1.212.369 2.25 1.024l-.713.714q-.892-.535-1.927-.82Q13.12 4 12 4t-2.146.286t-1.917.82M12 16.5q-1.864 0-3.182-1.318T7.5 12t1.318-3.182T12 7.5t3.182 1.318T16.5 12t-1.318 3.182T12 16.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightScreenRecord(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.392 16.796q-.656-1.038-1.024-2.253T3 12t.366-2.53t1.02-2.241l.72.713q-.535.892-.82 1.915Q4 10.879 4 12t.286 2.156t.82 1.927zM12 21q-1.329 0-2.53-.365q-1.203-.366-2.241-1.022l.713-.719q.892.535 1.915.82Q10.879 20 12 20t2.143-.286t1.915-.82l.713.72q-1.038.655-2.24 1.02Q13.329 21 12 21m7.608-4.223l-.714-.713q.535-.893.82-1.918Q20 13.121 20 12t-.286-2.143t-.82-1.915l.72-.713q.655 1.038 1.02 2.24Q21 10.671 21 12t-.368 2.534t-1.024 2.243M7.936 5.106l-.713-.714q1.038-.655 2.243-1.024Q10.671 3 12 3q1.335 0 2.546.368q1.212.369 2.25 1.024l-.713.714q-.892-.535-1.927-.82Q13.12 4 12 4t-2.146.286t-1.917.82M12 16.5q-1.864 0-3.182-1.318T7.5 12t1.318-3.182T12 7.5t3.182 1.318T16.5 12t-1.318 3.182T12 16.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.392 16.796q-.656-1.038-1.024-2.253T3 12t.366-2.53t1.02-2.241l.72.713q-.535.892-.82 1.915Q4 10.879 4 12t.286 2.156t.82 1.927zM12 21q-1.329 0-2.53-.365q-1.203-.366-2.241-1.022l.713-.719q.892.535 1.915.82Q10.879 20 12 20t2.143-.286t1.915-.82l.713.72q-1.038.655-2.24 1.02Q13.329 21 12 21m7.608-4.223l-.714-.713q.535-.893.82-1.918Q20 13.121 20 12t-.286-2.143t-.82-1.915l.72-.713q.655 1.038 1.02 2.24Q21 10.671 21 12t-.368 2.534t-1.024 2.243M7.936 5.106l-.713-.714q1.038-.655 2.243-1.024Q10.671 3 12 3q1.335 0 2.546.368q1.212.369 2.25 1.024l-.713.714q-.892-.535-1.927-.82Q13.12 4 12 4t-2.146.286t-1.917.82M12 16.5q-1.864 0-3.182-1.318T7.5 12t1.318-3.182T12 7.5t3.182 1.318T16.5 12t-1.318 3.182T12 16.5"/></svg> </template>
CSS
.icon-screen-record {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.392%2016.796q-.656-1.038-1.024-2.253T3%2012t.366-2.53t1.02-2.241l.72.713q-.535.892-.82%201.915Q4%2010.879%204%2012t.286%202.156t.82%201.927zM12%2021q-1.329%200-2.53-.365q-1.203-.366-2.241-1.022l.713-.719q.892.535%201.915.82Q10.879%2020%2012%2020t2.143-.286t1.915-.82l.713.72q-1.038.655-2.24%201.02Q13.329%2021%2012%2021m7.608-4.223l-.714-.713q.535-.893.82-1.918Q20%2013.121%2020%2012t-.286-2.143t-.82-1.915l.72-.713q.655%201.038%201.02%202.24Q21%2010.671%2021%2012t-.368%202.534t-1.024%202.243M7.936%205.106l-.713-.714q1.038-.655%202.243-1.024Q10.671%203%2012%203q1.335%200%202.546.368q1.212.369%202.25%201.024l-.713.714q-.892-.535-1.927-.82Q13.12%204%2012%204t-2.146.286t-1.917.82M12%2016.5q-1.864%200-3.182-1.318T7.5%2012t1.318-3.182T12%207.5t3.182%201.318T16.5%2012t-1.318%203.182T12%2016.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.392%2016.796q-.656-1.038-1.024-2.253T3%2012t.366-2.53t1.02-2.241l.72.713q-.535.892-.82%201.915Q4%2010.879%204%2012t.286%202.156t.82%201.927zM12%2021q-1.329%200-2.53-.365q-1.203-.366-2.241-1.022l.713-.719q.892.535%201.915.82Q10.879%2020%2012%2020t2.143-.286t1.915-.82l.713.72q-1.038.655-2.24%201.02Q13.329%2021%2012%2021m7.608-4.223l-.714-.713q.535-.893.82-1.918Q20%2013.121%2020%2012t-.286-2.143t-.82-1.915l.72-.713q.655%201.038%201.02%202.24Q21%2010.671%2021%2012t-.368%202.534t-1.024%202.243M7.936%205.106l-.713-.714q1.038-.655%202.243-1.024Q10.671%203%2012%203q1.335%200%202.546.368q1.212.369%202.25%201.024l-.713.714q-.892-.535-1.927-.82Q13.12%204%2012%204t-2.146.286t-1.917.82M12%2016.5q-1.864%200-3.182-1.318T7.5%2012t1.318-3.182T12%207.5t3.182%201.318T16.5%2012t-1.318%203.182T12%2016.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/screen-record.svg?color=%231a73e8&size=48
