Tap And Play icon
zmdi:tap-and-play
The Tap And Play icon (zmdi:tap-and-play) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 368 × 480 grid. Material Design Iconic Font icons are released under the Open Font 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 Design Iconic Font
- Author
- MDI Community
- License
- OFL-1.1
- Size
- 368 × 480
- Tags
- tapand, andplay, tapandplay
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="368" height="480" viewBox="0 0 368 480"><path fill="currentColor" d="M0 325q62 0 105.5 44T149 475h-42q0-44-31.5-75.5T0 368zm0 86q27 0 45.5 18.5T64 475H0zm0-171q97 0 166 68.5T235 475h-43q0-80-56-136T0 283zM320 6q18 0 30.5 12T363 48v363q0 17-12.5 29.5T320 453h-44q-4-45-21-85h65V91H107v128q-20-8-43-14V48q0-18 12.5-30.5T107 5z"/></svg>How to use the Tap And Play icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:tap-and-play" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:tap-and-play" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:tap-and-play" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--tap-and-play]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:tap-and-play"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:tap-and-play"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/tap-and-play.svg" alt="Tap And Play icon" width="24" height="24">Tap And Play icon FAQ
Is the Tap And Play icon free for commercial use?
Yes. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Tap And Play icon in React?
Install @iconify/react and render <Icon icon="zmdi:tap-and-play" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tap And Play icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/tap-and-play.svg" alt="Tap And Play icon">, or paste the SVG code inline to style it with CSS.