android recorder icon
android-recorder from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- android-recorder
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Symbols
android-calculatorandroid-cameraandroid-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-barandroid-cell-dual-5-bar-alertandroid-cell-dual-5-bar-plusandroid-chatandroid-contactsandroid-dialerandroid-emergency-location-serviceandroid-family-linkandroid-find-my-deviceandroid-google-homeandroid-messages
Use the android recorder icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 15q-.625 0-1.062-.438Q1 14.125 1 13.5v-3q0-.625.438-1.062Q1.875 9 2.5 9t1.062.438Q4 9.875 4 10.5v3q0 .625-.438 1.062Q3.125 15 2.5 15Zm14 0q-.625 0-1.062-.438Q15 14.125 15 13.5v-3q0-.625.438-1.062Q15.875 9 16.5 9t1.062.438Q18 9.875 18 10.5v3q0 .625-.438 1.062Q17.125 15 16.5 15Zm5 4q-.625 0-1.062-.438Q20 18.125 20 17.5v-11q0-.625.438-1.062Q20.875 5 21.5 5t1.062.438Q23 5.875 23 6.5v11q0 .625-.438 1.062Q22.125 19 21.5 19ZM12 17q-.625 0-1.062-.438q-.438-.437-.438-1.062v-7q0-.625.438-1.062Q11.375 7 12 7t1.062.438q.438.437.438 1.062v7q0 .625-.438 1.062Q12.625 17 12 17Zm-4.5 5q-.625 0-1.062-.438Q6 21.125 6 20.5v-17q0-.625.438-1.062Q6.875 2 7.5 2t1.062.438Q9 2.875 9 3.5v17q0 .625-.438 1.062Q8.125 22 7.5 22Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsAndroidRecorder(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="M2.5 15q-.625 0-1.062-.438Q1 14.125 1 13.5v-3q0-.625.438-1.062Q1.875 9 2.5 9t1.062.438Q4 9.875 4 10.5v3q0 .625-.438 1.062Q3.125 15 2.5 15Zm14 0q-.625 0-1.062-.438Q15 14.125 15 13.5v-3q0-.625.438-1.062Q15.875 9 16.5 9t1.062.438Q18 9.875 18 10.5v3q0 .625-.438 1.062Q17.125 15 16.5 15Zm5 4q-.625 0-1.062-.438Q20 18.125 20 17.5v-11q0-.625.438-1.062Q20.875 5 21.5 5t1.062.438Q23 5.875 23 6.5v11q0 .625-.438 1.062Q22.125 19 21.5 19ZM12 17q-.625 0-1.062-.438q-.438-.437-.438-1.062v-7q0-.625.438-1.062Q11.375 7 12 7t1.062.438q.438.437.438 1.062v7q0 .625-.438 1.062Q12.625 17 12 17Zm-4.5 5q-.625 0-1.062-.438Q6 21.125 6 20.5v-17q0-.625.438-1.062Q6.875 2 7.5 2t1.062.438Q9 2.875 9 3.5v17q0 .625-.438 1.062Q8.125 22 7.5 22Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 15q-.625 0-1.062-.438Q1 14.125 1 13.5v-3q0-.625.438-1.062Q1.875 9 2.5 9t1.062.438Q4 9.875 4 10.5v3q0 .625-.438 1.062Q3.125 15 2.5 15Zm14 0q-.625 0-1.062-.438Q15 14.125 15 13.5v-3q0-.625.438-1.062Q15.875 9 16.5 9t1.062.438Q18 9.875 18 10.5v3q0 .625-.438 1.062Q17.125 15 16.5 15Zm5 4q-.625 0-1.062-.438Q20 18.125 20 17.5v-11q0-.625.438-1.062Q20.875 5 21.5 5t1.062.438Q23 5.875 23 6.5v11q0 .625-.438 1.062Q22.125 19 21.5 19ZM12 17q-.625 0-1.062-.438q-.438-.437-.438-1.062v-7q0-.625.438-1.062Q11.375 7 12 7t1.062.438q.438.437.438 1.062v7q0 .625-.438 1.062Q12.625 17 12 17Zm-4.5 5q-.625 0-1.062-.438Q6 21.125 6 20.5v-17q0-.625.438-1.062Q6.875 2 7.5 2t1.062.438Q9 2.875 9 3.5v17q0 .625-.438 1.062Q8.125 22 7.5 22Z"/></svg> </template>
CSS
.icon-android-recorder {
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%22M2.5%2015q-.625%200-1.062-.438Q1%2014.125%201%2013.5v-3q0-.625.438-1.062Q1.875%209%202.5%209t1.062.438Q4%209.875%204%2010.5v3q0%20.625-.438%201.062Q3.125%2015%202.5%2015Zm14%200q-.625%200-1.062-.438Q15%2014.125%2015%2013.5v-3q0-.625.438-1.062Q15.875%209%2016.5%209t1.062.438Q18%209.875%2018%2010.5v3q0%20.625-.438%201.062Q17.125%2015%2016.5%2015Zm5%204q-.625%200-1.062-.438Q20%2018.125%2020%2017.5v-11q0-.625.438-1.062Q20.875%205%2021.5%205t1.062.438Q23%205.875%2023%206.5v11q0%20.625-.438%201.062Q22.125%2019%2021.5%2019ZM12%2017q-.625%200-1.062-.438q-.438-.437-.438-1.062v-7q0-.625.438-1.062Q11.375%207%2012%207t1.062.438q.438.437.438%201.062v7q0%20.625-.438%201.062Q12.625%2017%2012%2017Zm-4.5%205q-.625%200-1.062-.438Q6%2021.125%206%2020.5v-17q0-.625.438-1.062Q6.875%202%207.5%202t1.062.438Q9%202.875%209%203.5v17q0%20.625-.438%201.062Q8.125%2022%207.5%2022Z%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%22M2.5%2015q-.625%200-1.062-.438Q1%2014.125%201%2013.5v-3q0-.625.438-1.062Q1.875%209%202.5%209t1.062.438Q4%209.875%204%2010.5v3q0%20.625-.438%201.062Q3.125%2015%202.5%2015Zm14%200q-.625%200-1.062-.438Q15%2014.125%2015%2013.5v-3q0-.625.438-1.062Q15.875%209%2016.5%209t1.062.438Q18%209.875%2018%2010.5v3q0%20.625-.438%201.062Q17.125%2015%2016.5%2015Zm5%204q-.625%200-1.062-.438Q20%2018.125%2020%2017.5v-11q0-.625.438-1.062Q20.875%205%2021.5%205t1.062.438Q23%205.875%2023%206.5v11q0%20.625-.438%201.062Q22.125%2019%2021.5%2019ZM12%2017q-.625%200-1.062-.438q-.438-.437-.438-1.062v-7q0-.625.438-1.062Q11.375%207%2012%207t1.062.438q.438.437.438%201.062v7q0%20.625-.438%201.062Q12.625%2017%2012%2017Zm-4.5%205q-.625%200-1.062-.438Q6%2021.125%206%2020.5v-17q0-.625.438-1.062Q6.875%202%207.5%202t1.062.438Q9%202.875%209%203.5v17q0%20.625-.438%201.062Q8.125%2022%207.5%2022Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/android-recorder.svg?color=%231a73e8&size=48
