tap emoji
tap from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- tap
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the tap emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="30.337" cy="13.859" r="10.216" fill="#fff"/><path fill="#fcea2b" d="M54.625 48.824c0 11.975-7.161 18.39-16.25 18.39c-10.129-1.815-18.501-4.08-16.616-31.152m26.081 1.53a3.5 3.5 0 1 1 6.993.294"/><path fill="#fcea2b" d="M40.842 37.36a3.5 3.5 0 1 1 6.994.293"/><path fill="#fcea2b" d="M40.846 37.225a3.5 3.5 0 1 1 6.978.562m-14.019-.907a3.5 3.5 0 0 1 6.985.449m-18.498 8.856c-5.868-7.62-6.745-10.687-5.355-12.03s5.694.784 7.037 2.175m2.831-21.821a3.5 3.5 0 1 1 7 0"/><path fill="none" d="m23.844 36.455l-1.958-2.213"/><path fill="#fcea2b" d="M18.619 41.424c1.952 2.144 3.373 5.168 3.3 9.522"/><path fill="none" d="m16.851 39.105l1.821 2.38"/><path fill="#fcea2b" d="m33.915 41.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H33.915zm-7.11 3.221l-2.656-.995l.509-3.186l2.164 2.93z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M33.79 23.71c4.13-1.45 7.09-5.39 7.09-10.02c0-5.87-4.75-10.63-10.62-10.63S19.64 7.82 19.64 13.69c0 4.65 2.99 8.6 7.15 10.04m28.026 27.044c0 9.089-7.367 16.456-16.456 16.456s-16.455-7.367-16.455-16.456m32.911-.873v-12m-6.992-.294a3.5 3.5 0 1 1 6.994.294m-13.991-.526a3.5 3.5 0 1 1 6.994.293"/><path d="M40.831 37.24a3.5 3.5 0 1 1 6.978.562m-14.019-.906a3.5 3.5 0 0 1 6.985.448M16.836 39.12a3.5 3.5 0 1 1 5.035-4.863m4.919-19.733a3.5 3.5 0 1 1 7 0m-.001 22.335V14.524m-6.999 0v27.791m-2.961-5.844l-1.958-2.214m-3.268 7.183c1.953 2.143 3.374 5.167 3.302 9.521M16.836 39.12l1.821 2.38m36.175 9.26c0 9.087-7.368 16.455-16.456 16.455S21.92 59.847 21.92 50.759"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiTap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="30.337" cy="13.859" r="10.216" fill="#fff"/><path fill="#fcea2b" d="M54.625 48.824c0 11.975-7.161 18.39-16.25 18.39c-10.129-1.815-18.501-4.08-16.616-31.152m26.081 1.53a3.5 3.5 0 1 1 6.993.294"/><path fill="#fcea2b" d="M40.842 37.36a3.5 3.5 0 1 1 6.994.293"/><path fill="#fcea2b" d="M40.846 37.225a3.5 3.5 0 1 1 6.978.562m-14.019-.907a3.5 3.5 0 0 1 6.985.449m-18.498 8.856c-5.868-7.62-6.745-10.687-5.355-12.03s5.694.784 7.037 2.175m2.831-21.821a3.5 3.5 0 1 1 7 0"/><path fill="none" d="m23.844 36.455l-1.958-2.213"/><path fill="#fcea2b" d="M18.619 41.424c1.952 2.144 3.373 5.168 3.3 9.522"/><path fill="none" d="m16.851 39.105l1.821 2.38"/><path fill="#fcea2b" d="m33.915 41.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H33.915zm-7.11 3.221l-2.656-.995l.509-3.186l2.164 2.93z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M33.79 23.71c4.13-1.45 7.09-5.39 7.09-10.02c0-5.87-4.75-10.63-10.62-10.63S19.64 7.82 19.64 13.69c0 4.65 2.99 8.6 7.15 10.04m28.026 27.044c0 9.089-7.367 16.456-16.456 16.456s-16.455-7.367-16.455-16.456m32.911-.873v-12m-6.992-.294a3.5 3.5 0 1 1 6.994.294m-13.991-.526a3.5 3.5 0 1 1 6.994.293"/><path d="M40.831 37.24a3.5 3.5 0 1 1 6.978.562m-14.019-.906a3.5 3.5 0 0 1 6.985.448M16.836 39.12a3.5 3.5 0 1 1 5.035-4.863m4.919-19.733a3.5 3.5 0 1 1 7 0m-.001 22.335V14.524m-6.999 0v27.791m-2.961-5.844l-1.958-2.214m-3.268 7.183c1.953 2.143 3.374 5.167 3.302 9.521M16.836 39.12l1.821 2.38m36.175 9.26c0 9.087-7.368 16.455-16.456 16.455S21.92 59.847 21.92 50.759"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="30.337" cy="13.859" r="10.216" fill="#fff"/><path fill="#fcea2b" d="M54.625 48.824c0 11.975-7.161 18.39-16.25 18.39c-10.129-1.815-18.501-4.08-16.616-31.152m26.081 1.53a3.5 3.5 0 1 1 6.993.294"/><path fill="#fcea2b" d="M40.842 37.36a3.5 3.5 0 1 1 6.994.293"/><path fill="#fcea2b" d="M40.846 37.225a3.5 3.5 0 1 1 6.978.562m-14.019-.907a3.5 3.5 0 0 1 6.985.449m-18.498 8.856c-5.868-7.62-6.745-10.687-5.355-12.03s5.694.784 7.037 2.175m2.831-21.821a3.5 3.5 0 1 1 7 0"/><path fill="none" d="m23.844 36.455l-1.958-2.213"/><path fill="#fcea2b" d="M18.619 41.424c1.952 2.144 3.373 5.168 3.3 9.522"/><path fill="none" d="m16.851 39.105l1.821 2.38"/><path fill="#fcea2b" d="m33.915 41.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H33.915zm-7.11 3.221l-2.656-.995l.509-3.186l2.164 2.93z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M33.79 23.71c4.13-1.45 7.09-5.39 7.09-10.02c0-5.87-4.75-10.63-10.62-10.63S19.64 7.82 19.64 13.69c0 4.65 2.99 8.6 7.15 10.04m28.026 27.044c0 9.089-7.367 16.456-16.456 16.456s-16.455-7.367-16.455-16.456m32.911-.873v-12m-6.992-.294a3.5 3.5 0 1 1 6.994.294m-13.991-.526a3.5 3.5 0 1 1 6.994.293"/><path d="M40.831 37.24a3.5 3.5 0 1 1 6.978.562m-14.019-.906a3.5 3.5 0 0 1 6.985.448M16.836 39.12a3.5 3.5 0 1 1 5.035-4.863m4.919-19.733a3.5 3.5 0 1 1 7 0m-.001 22.335V14.524m-6.999 0v27.791m-2.961-5.844l-1.958-2.214m-3.268 7.183c1.953 2.143 3.374 5.167 3.302 9.521M16.836 39.12l1.821 2.38m36.175 9.26c0 9.087-7.368 16.455-16.456 16.455S21.92 59.847 21.92 50.759"/></g></svg> </template>
CSS
.icon-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%2072%2072%22%3E%3Ccircle%20cx%3D%2230.337%22%20cy%3D%2213.859%22%20r%3D%2210.216%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M54.625%2048.824c0%2011.975-7.161%2018.39-16.25%2018.39c-10.129-1.815-18.501-4.08-16.616-31.152m26.081%201.53a3.5%203.5%200%201%201%206.993.294%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M40.842%2037.36a3.5%203.5%200%201%201%206.994.293%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M40.846%2037.225a3.5%203.5%200%201%201%206.978.562m-14.019-.907a3.5%203.5%200%200%201%206.985.449m-18.498%208.856c-5.868-7.62-6.745-10.687-5.355-12.03s5.694.784%207.037%202.175m2.831-21.821a3.5%203.5%200%201%201%207%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m23.844%2036.455l-1.958-2.213%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M18.619%2041.424c1.952%202.144%203.373%205.168%203.3%209.522%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m16.851%2039.105l1.821%202.38%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22m33.915%2041.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H33.915zm-7.11%203.221l-2.656-.995l.509-3.186l2.164%202.93z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M33.79%2023.71c4.13-1.45%207.09-5.39%207.09-10.02c0-5.87-4.75-10.63-10.62-10.63S19.64%207.82%2019.64%2013.69c0%204.65%202.99%208.6%207.15%2010.04m28.026%2027.044c0%209.089-7.367%2016.456-16.456%2016.456s-16.455-7.367-16.455-16.456m32.911-.873v-12m-6.992-.294a3.5%203.5%200%201%201%206.994.294m-13.991-.526a3.5%203.5%200%201%201%206.994.293%22%2F%3E%3Cpath%20d%3D%22M40.831%2037.24a3.5%203.5%200%201%201%206.978.562m-14.019-.906a3.5%203.5%200%200%201%206.985.448M16.836%2039.12a3.5%203.5%200%201%201%205.035-4.863m4.919-19.733a3.5%203.5%200%201%201%207%200m-.001%2022.335V14.524m-6.999%200v27.791m-2.961-5.844l-1.958-2.214m-3.268%207.183c1.953%202.143%203.374%205.167%203.302%209.521M16.836%2039.12l1.821%202.38m36.175%209.26c0%209.087-7.368%2016.455-16.456%2016.455S21.92%2059.847%2021.92%2050.759%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Ccircle%20cx%3D%2230.337%22%20cy%3D%2213.859%22%20r%3D%2210.216%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M54.625%2048.824c0%2011.975-7.161%2018.39-16.25%2018.39c-10.129-1.815-18.501-4.08-16.616-31.152m26.081%201.53a3.5%203.5%200%201%201%206.993.294%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M40.842%2037.36a3.5%203.5%200%201%201%206.994.293%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M40.846%2037.225a3.5%203.5%200%201%201%206.978.562m-14.019-.907a3.5%203.5%200%200%201%206.985.449m-18.498%208.856c-5.868-7.62-6.745-10.687-5.355-12.03s5.694.784%207.037%202.175m2.831-21.821a3.5%203.5%200%201%201%207%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m23.844%2036.455l-1.958-2.213%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M18.619%2041.424c1.952%202.144%203.373%205.168%203.3%209.522%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22m16.851%2039.105l1.821%202.38%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22m33.915%2041.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H33.915zm-7.11%203.221l-2.656-.995l.509-3.186l2.164%202.93z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M33.79%2023.71c4.13-1.45%207.09-5.39%207.09-10.02c0-5.87-4.75-10.63-10.62-10.63S19.64%207.82%2019.64%2013.69c0%204.65%202.99%208.6%207.15%2010.04m28.026%2027.044c0%209.089-7.367%2016.456-16.456%2016.456s-16.455-7.367-16.455-16.456m32.911-.873v-12m-6.992-.294a3.5%203.5%200%201%201%206.994.294m-13.991-.526a3.5%203.5%200%201%201%206.994.293%22%2F%3E%3Cpath%20d%3D%22M40.831%2037.24a3.5%203.5%200%201%201%206.978.562m-14.019-.906a3.5%203.5%200%200%201%206.985.448M16.836%2039.12a3.5%203.5%200%201%201%205.035-4.863m4.919-19.733a3.5%203.5%200%201%201%207%200m-.001%2022.335V14.524m-6.999%200v27.791m-2.961-5.844l-1.958-2.214m-3.268%207.183c1.953%202.143%203.374%205.167%203.302%209.521M16.836%2039.12l1.821%202.38m36.175%209.26c0%209.087-7.368%2016.455-16.456%2016.455S21.92%2059.847%2021.92%2050.759%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/tap.svg?color=%231a73e8&size=48
