Mobile Tap icon
material-symbols:mobile-tap
The Mobile Tap icon (material-symbols:mobile-tap) is a free SVG icon from the Material Symbols set by Google. It is drawn on a 24 × 24 grid. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Symbols
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Business
- Tags
- mobiletap
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22V12q0-.825.575-1.412T4 10h8q.825 0 1.413.588T14 12v10zM2 8q0-2.5 1.75-4.25T8 2v2Q6.325 4 5.162 5.175T4 8zm4 0q0-.825.575-1.412T8 6v2zm2 7q.425 0 .713-.288T9 14t-.288-.712T8 13t-.712.288T7 14t.288.713T8 15m8 7v-2q1.65 0 2.825-1.162T20 16h2q0 2.5-1.75 4.25T16 22m0-4v-2h2q0 .85-.587 1.425T16 18M10 8V2h12v10q0 .85-.587 1.425T20 14h-4v-2q0-1.65-1.175-2.825T12 8z"/></svg>How to use the Mobile Tap icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:mobile-tap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:mobile-tap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:mobile-tap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--mobile-tap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:mobile-tap"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:mobile-tap"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols/mobile-tap.svg" alt="Mobile Tap icon" width="24" height="24">Related icons in Material Symbols
Mobile Tap icon in other icon sets
Mobile Tap icon FAQ
Is the Mobile Tap icon free for commercial use?
Yes. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Mobile Tap icon in React?
Install @iconify/react and render <Icon icon="material-symbols:mobile-tap" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mobile Tap icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols/mobile-tap.svg" alt="Mobile Tap icon">, or paste the SVG code inline to style it with CSS.