Click Tap icon
icon-park-outline:click-tap
The Click Tap icon (icon-park-outline:click-tap) is a free SVG icon from the IconPark Outline set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Outline 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
- IconPark Outline
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hands
- Tags
- clicktap
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M15 26V15a3 3 0 1 1 6 0v11"/><path stroke-linejoin="round" d="M39 25v6.5C39 37.851 33.851 43 27.5 43h-1C20.149 43 15 37.851 15 31.5V25"/><path stroke-linejoin="round" d="M21 29v-5a3 3 0 1 1 6 0v5m0 0v-5a3 3 0 1 1 6 0v5m0 0v-5a3 3 0 1 1 6 0v5"/><path d="M28 15a9.97 9.97 0 0 0-1.959-5.945A9.99 9.99 0 0 0 18 5a9.99 9.99 0 0 0-8.042 4.055A9.97 9.97 0 0 0 8 15"/></g></svg>How to use the Click Tap icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:click-tap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:click-tap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:click-tap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--click-tap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:click-tap"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:click-tap"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-outline/click-tap.svg" alt="Click Tap icon" width="24" height="24">Related icons in IconPark Outline
Click Tap icon in other icon sets
Click Tap icon FAQ
Is the Click Tap icon free for commercial use?
Yes. IconPark Outline icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Click Tap icon in React?
Install @iconify/react and render <Icon icon="icon-park-outline:click-tap" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Click Tap icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-outline/click-tap.svg" alt="Click Tap icon">, or paste the SVG code inline to style it with CSS.