tap single icon

tap-single-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.

Name: tap-single-24-filled
Set: Fluent UI System Icons
Style: 24 Filled
Viewbox: 24×24
License: MIT

7 other variants in Fluent UI System Icons

tap-single-20-filled tap-single-20-regular tap-single-24-regular tap-single-32-filled tap-single-32-regular tap-single-48-filled tap-single-48-regular

The same icon in other sets

tap-singlecss.gg

Related icons in Fluent UI System Icons

tap-double-20-filled

Use the tap single icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.749 6c1.358 0 1.952.898 2 2.326l.002.189V11l2.872.422q.168.025.332.07a2.75 2.75 0 0 1 1.96 3.214l-.041.17l-1.227 4.442a1.75 1.75 0 0 1-1.293 1.239l-.145.027l-3.061.44a1.75 1.75 0 0 1-1.825-.973l-.06-.14l-.217-.572a4.1 4.1 0 0 0-1.177-1.674l-.202-.163l-1.597-1.2a2 2 0 0 0-.266-.166l-.143-.064l-2.195-.868a.75.75 0 0 1-.473-.66c-.036-.722.49-1.246 1.421-1.712c.72-.36 1.728-.33 3.066.043l.272.08v-4.45c0-1.538.579-2.506 1.996-2.506m0-3.5a5.75 5.75 0 0 1 5.299 7.987l.173.042a4 4 0 0 0-.453-.095l-1.267-.186a4.25 4.25 0 1 0-6.748 1.018v.415c-.614-.109-1.169-.136-1.672-.072A5.75 5.75 0 0 1 11.749 2.5"/></svg>

React

import type { SVGProps } from "react";

export function FluentTapSingle24Filled(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="M11.749 6c1.358 0 1.952.898 2 2.326l.002.189V11l2.872.422q.168.025.332.07a2.75 2.75 0 0 1 1.96 3.214l-.041.17l-1.227 4.442a1.75 1.75 0 0 1-1.293 1.239l-.145.027l-3.061.44a1.75 1.75 0 0 1-1.825-.973l-.06-.14l-.217-.572a4.1 4.1 0 0 0-1.177-1.674l-.202-.163l-1.597-1.2a2 2 0 0 0-.266-.166l-.143-.064l-2.195-.868a.75.75 0 0 1-.473-.66c-.036-.722.49-1.246 1.421-1.712c.72-.36 1.728-.33 3.066.043l.272.08v-4.45c0-1.538.579-2.506 1.996-2.506m0-3.5a5.75 5.75 0 0 1 5.299 7.987l.173.042a4 4 0 0 0-.453-.095l-1.267-.186a4.25 4.25 0 1 0-6.748 1.018v.415c-.614-.109-1.169-.136-1.672-.072A5.75 5.75 0 0 1 11.749 2.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.749 6c1.358 0 1.952.898 2 2.326l.002.189V11l2.872.422q.168.025.332.07a2.75 2.75 0 0 1 1.96 3.214l-.041.17l-1.227 4.442a1.75 1.75 0 0 1-1.293 1.239l-.145.027l-3.061.44a1.75 1.75 0 0 1-1.825-.973l-.06-.14l-.217-.572a4.1 4.1 0 0 0-1.177-1.674l-.202-.163l-1.597-1.2a2 2 0 0 0-.266-.166l-.143-.064l-2.195-.868a.75.75 0 0 1-.473-.66c-.036-.722.49-1.246 1.421-1.712c.72-.36 1.728-.33 3.066.043l.272.08v-4.45c0-1.538.579-2.506 1.996-2.506m0-3.5a5.75 5.75 0 0 1 5.299 7.987l.173.042a4 4 0 0 0-.453-.095l-1.267-.186a4.25 4.25 0 1 0-6.748 1.018v.415c-.614-.109-1.169-.136-1.672-.072A5.75 5.75 0 0 1 11.749 2.5"/></svg>
</template>

CSS

.icon-tap-single-24-filled {
  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%22M11.749%206c1.358%200%201.952.898%202%202.326l.002.189V11l2.872.422q.168.025.332.07a2.75%202.75%200%200%201%201.96%203.214l-.041.17l-1.227%204.442a1.75%201.75%200%200%201-1.293%201.239l-.145.027l-3.061.44a1.75%201.75%200%200%201-1.825-.973l-.06-.14l-.217-.572a4.1%204.1%200%200%200-1.177-1.674l-.202-.163l-1.597-1.2a2%202%200%200%200-.266-.166l-.143-.064l-2.195-.868a.75.75%200%200%201-.473-.66c-.036-.722.49-1.246%201.421-1.712c.72-.36%201.728-.33%203.066.043l.272.08v-4.45c0-1.538.579-2.506%201.996-2.506m0-3.5a5.75%205.75%200%200%201%205.299%207.987l.173.042a4%204%200%200%200-.453-.095l-1.267-.186a4.25%204.25%200%201%200-6.748%201.018v.415c-.614-.109-1.169-.136-1.672-.072A5.75%205.75%200%200%201%2011.749%202.5%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%22M11.749%206c1.358%200%201.952.898%202%202.326l.002.189V11l2.872.422q.168.025.332.07a2.75%202.75%200%200%201%201.96%203.214l-.041.17l-1.227%204.442a1.75%201.75%200%200%201-1.293%201.239l-.145.027l-3.061.44a1.75%201.75%200%200%201-1.825-.973l-.06-.14l-.217-.572a4.1%204.1%200%200%200-1.177-1.674l-.202-.163l-1.597-1.2a2%202%200%200%200-.266-.166l-.143-.064l-2.195-.868a.75.75%200%200%201-.473-.66c-.036-.722.49-1.246%201.421-1.712c.72-.36%201.728-.33%203.066.043l.272.08v-4.45c0-1.538.579-2.506%201.996-2.506m0-3.5a5.75%205.75%200%200%201%205.299%207.987l.173.042a4%204%200%200%200-.453-.095l-1.267-.186a4.25%204.25%200%201%200-6.748%201.018v.415c-.614-.109-1.169-.136-1.672-.072A5.75%205.75%200%200%201%2011.749%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tap-single-24-filled.svg?color=%231a73e8&size=48