mobile tap icon

mobile-tap from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: mobile-tap
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

mobile-tap-outline mobile-tap-outline-rounded mobile-tap-outline-sharp mobile-tap-rounded mobile-tap-sharp

The same icon in other sets

mobile-tapMaterial Symbols

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 21v-8.827q0-.666.464-1.14q.465-.475 1.152-.475h7.211q.666 0 1.14.474t.475 1.141V21zM3 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.212M15.846 21v-1q1.714 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.422m-5.288-9.135V3H21v8.827q0 .687-.475 1.151q-.474.464-1.14.464h-3.558v-1.269q0-1.65-1.175-2.825t-2.825-1.175z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMobileTap(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 21v-8.827q0-.666.464-1.14q.465-.475 1.152-.475h7.211q.666 0 1.14.474t.475 1.141V21zM3 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.212M15.846 21v-1q1.714 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.422m-5.288-9.135V3H21v8.827q0 .687-.475 1.151q-.474.464-1.14.464h-3.558v-1.269q0-1.65-1.175-2.825t-2.825-1.175z"/></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 21v-8.827q0-.666.464-1.14q.465-.475 1.152-.475h7.211q.666 0 1.14.474t.475 1.141V21zM3 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.212M15.846 21v-1q1.714 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.422m-5.288-9.135V3H21v8.827q0 .687-.475 1.151q-.474.464-1.14.464h-3.558v-1.269q0-1.65-1.175-2.825t-2.825-1.175z"/></svg>
</template>

CSS

.icon-mobile-tap {
  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%2021v-8.827q0-.666.464-1.14q.465-.475%201.152-.475h7.211q.666%200%201.14.474t.475%201.141V21zM3%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.212M15.846%2021v-1q1.714%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.422m-5.288-9.135V3H21v8.827q0%20.687-.475%201.151q-.474.464-1.14.464h-3.558v-1.269q0-1.65-1.175-2.825t-2.825-1.175z%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%2021v-8.827q0-.666.464-1.14q.465-.475%201.152-.475h7.211q.666%200%201.14.474t.475%201.141V21zM3%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.212M15.846%2021v-1q1.714%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.422m-5.288-9.135V3H21v8.827q0%20.687-.475%201.151q-.474.464-1.14.464h-3.558v-1.269q0-1.65-1.175-2.825t-2.825-1.175z%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.svg?color=%231a73e8&size=48