mobile tap icon
mobile-tap-sharp from Material Symbols Light by Google · Sharp · Business · Apache-2.0 Free for personal and commercial use.
- Name
- mobile-tap-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Business
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More business icons from Material Symbols Light
Use the mobile tap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21V10.558h10.442V21zM3 8.154q0-2.135 1.503-3.645Q6.006 3 8.153 3v1Q6.422 4 5.21 5.22Q4 6.44 4 8.154zm3.692 0q0-.603.42-1.032t1.042-.43v1.462zm1.519 6.462q.31 0 .52-.21t.211-.52t-.21-.521t-.52-.211t-.52.21t-.211.52t.21.52q.21.212.52.212m7.635-1.174V8.154h-5.288V3H21v10.442zm0 7.558v-1q1.713 0 2.934-1.207T20 15.846h1Q21 18 19.49 19.5T15.847 21m0-3.692v-1.462h1.462q0 .62-.43 1.04q-.429.422-1.032.422"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMobileTapSharp(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="M3 21V10.558h10.442V21zM3 8.154q0-2.135 1.503-3.645Q6.006 3 8.153 3v1Q6.422 4 5.21 5.22Q4 6.44 4 8.154zm3.692 0q0-.603.42-1.032t1.042-.43v1.462zm1.519 6.462q.31 0 .52-.21t.211-.52t-.21-.521t-.52-.211t-.52.21t-.211.52t.21.52q.21.212.52.212m7.635-1.174V8.154h-5.288V3H21v10.442zm0 7.558v-1q1.713 0 2.934-1.207T20 15.846h1Q21 18 19.49 19.5T15.847 21m0-3.692v-1.462h1.462q0 .62-.43 1.04q-.429.422-1.032.422"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21V10.558h10.442V21zM3 8.154q0-2.135 1.503-3.645Q6.006 3 8.153 3v1Q6.422 4 5.21 5.22Q4 6.44 4 8.154zm3.692 0q0-.603.42-1.032t1.042-.43v1.462zm1.519 6.462q.31 0 .52-.21t.211-.52t-.21-.521t-.52-.211t-.52.21t-.211.52t.21.52q.21.212.52.212m7.635-1.174V8.154h-5.288V3H21v10.442zm0 7.558v-1q1.713 0 2.934-1.207T20 15.846h1Q21 18 19.49 19.5T15.847 21m0-3.692v-1.462h1.462q0 .62-.43 1.04q-.429.422-1.032.422"/></svg> </template>
CSS
.icon-mobile-tap-sharp {
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%22M3%2021V10.558h10.442V21zM3%208.154q0-2.135%201.503-3.645Q6.006%203%208.153%203v1Q6.422%204%205.21%205.22Q4%206.44%204%208.154zm3.692%200q0-.603.42-1.032t1.042-.43v1.462zm1.519%206.462q.31%200%20.52-.21t.211-.52t-.21-.521t-.52-.211t-.52.21t-.211.52t.21.52q.21.212.52.212m7.635-1.174V8.154h-5.288V3H21v10.442zm0%207.558v-1q1.713%200%202.934-1.207T20%2015.846h1Q21%2018%2019.49%2019.5T15.847%2021m0-3.692v-1.462h1.462q0%20.62-.43%201.04q-.429.422-1.032.422%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%22M3%2021V10.558h10.442V21zM3%208.154q0-2.135%201.503-3.645Q6.006%203%208.153%203v1Q6.422%204%205.21%205.22Q4%206.44%204%208.154zm3.692%200q0-.603.42-1.032t1.042-.43v1.462zm1.519%206.462q.31%200%20.52-.21t.211-.52t-.21-.521t-.52-.211t-.52.21t-.211.52t.21.52q.21.212.52.212m7.635-1.174V8.154h-5.288V3H21v10.442zm0%207.558v-1q1.713%200%202.934-1.207T20%2015.846h1Q21%2018%2019.49%2019.5T15.847%2021m0-3.692v-1.462h1.462q0%20.62-.43%201.04q-.429.422-1.032.422%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/mobile-tap-sharp.svg?color=%231a73e8&size=48
