tap 05 icon
tap-05 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- tap-05
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the tap 05 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.984 6.012c0-2.215-1.779-4.01-3.973-4.01s-3.974 1.795-3.974 4.01"/><path d="m9.376 21.993l-.104-1.096c-.488-2.018-1.154-2.284-2.239-3.73c-.49-.652-1.513-1.577-2.35-2.827c-.557-.832.187-2.725 1.883-2.148c.282.096.52.289.73.5l1.646 1.654c-.013-2.338.017-7.097-.02-8.557c-.036-1.46 2.498-1.93 2.648.066v4.492m0 0v.865m0-.865c.828-1.098 2.396-1.137 2.625.701m0 0c.037.3.04.65 0 1.053m0-1.053c.418-1.284 2.258-.774 2.624.72m0 0c.086.355 0 .765.035 1.238m-.035-1.237c.237-.72 2.865-.774 2.616 2.009l.065 2.524c-.1 1.507-.322 2.138-.863 2.867c-.28.377-.649.71-.79 1.159c-.117.376-.192.927-.11 1.672"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTap05(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M13.984 6.012c0-2.215-1.779-4.01-3.973-4.01s-3.974 1.795-3.974 4.01"/><path d="m9.376 21.993l-.104-1.096c-.488-2.018-1.154-2.284-2.239-3.73c-.49-.652-1.513-1.577-2.35-2.827c-.557-.832.187-2.725 1.883-2.148c.282.096.52.289.73.5l1.646 1.654c-.013-2.338.017-7.097-.02-8.557c-.036-1.46 2.498-1.93 2.648.066v4.492m0 0v.865m0-.865c.828-1.098 2.396-1.137 2.625.701m0 0c.037.3.04.65 0 1.053m0-1.053c.418-1.284 2.258-.774 2.624.72m0 0c.086.355 0 .765.035 1.238m-.035-1.237c.237-.72 2.865-.774 2.616 2.009l.065 2.524c-.1 1.507-.322 2.138-.863 2.867c-.28.377-.649.71-.79 1.159c-.117.376-.192.927-.11 1.672"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.984 6.012c0-2.215-1.779-4.01-3.973-4.01s-3.974 1.795-3.974 4.01"/><path d="m9.376 21.993l-.104-1.096c-.488-2.018-1.154-2.284-2.239-3.73c-.49-.652-1.513-1.577-2.35-2.827c-.557-.832.187-2.725 1.883-2.148c.282.096.52.289.73.5l1.646 1.654c-.013-2.338.017-7.097-.02-8.557c-.036-1.46 2.498-1.93 2.648.066v4.492m0 0v.865m0-.865c.828-1.098 2.396-1.137 2.625.701m0 0c.037.3.04.65 0 1.053m0-1.053c.418-1.284 2.258-.774 2.624.72m0 0c.086.355 0 .765.035 1.238m-.035-1.237c.237-.72 2.865-.774 2.616 2.009l.065 2.524c-.1 1.507-.322 2.138-.863 2.867c-.28.377-.649.71-.79 1.159c-.117.376-.192.927-.11 1.672"/></g></svg> </template>
CSS
.icon-tap-05 {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13.984%206.012c0-2.215-1.779-4.01-3.973-4.01s-3.974%201.795-3.974%204.01%22%2F%3E%3Cpath%20d%3D%22m9.376%2021.993l-.104-1.096c-.488-2.018-1.154-2.284-2.239-3.73c-.49-.652-1.513-1.577-2.35-2.827c-.557-.832.187-2.725%201.883-2.148c.282.096.52.289.73.5l1.646%201.654c-.013-2.338.017-7.097-.02-8.557c-.036-1.46%202.498-1.93%202.648.066v4.492m0%200v.865m0-.865c.828-1.098%202.396-1.137%202.625.701m0%200c.037.3.04.65%200%201.053m0-1.053c.418-1.284%202.258-.774%202.624.72m0%200c.086.355%200%20.765.035%201.238m-.035-1.237c.237-.72%202.865-.774%202.616%202.009l.065%202.524c-.1%201.507-.322%202.138-.863%202.867c-.28.377-.649.71-.79%201.159c-.117.376-.192.927-.11%201.672%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13.984%206.012c0-2.215-1.779-4.01-3.973-4.01s-3.974%201.795-3.974%204.01%22%2F%3E%3Cpath%20d%3D%22m9.376%2021.993l-.104-1.096c-.488-2.018-1.154-2.284-2.239-3.73c-.49-.652-1.513-1.577-2.35-2.827c-.557-.832.187-2.725%201.883-2.148c.282.096.52.289.73.5l1.646%201.654c-.013-2.338.017-7.097-.02-8.557c-.036-1.46%202.498-1.93%202.648.066v4.492m0%200v.865m0-.865c.828-1.098%202.396-1.137%202.625.701m0%200c.037.3.04.65%200%201.053m0-1.053c.418-1.284%202.258-.774%202.624.72m0%200c.086.355%200%20.765.035%201.238m-.035-1.237c.237-.72%202.865-.774%202.616%202.009l.065%202.524c-.1%201.507-.322%202.138-.863%202.867c-.28.377-.649.71-.79%201.159c-.117.376-.192.927-.11%201.672%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/tap-05.svg?color=%231a73e8&size=48
