Tap Dial icon
cbi:tap-dial
The Tap Dial icon (cbi:tap-dial) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- tapdial
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.171 8.856c0 .29-.243.533-.533.533s-.533-.243-.533-.533s.242-.533.533-.533s.533.232.533.533m-.456 6.027c0 .29-.242.533-.533.533s-.533-.243-.533-.533s.242-.533.533-.533s.533.232.533.533m.552.126c-.29 0-.533.242-.533.533s.243.533.533.533s.533-.243.533-.533s-.232-.533-.533-.533m-1.085.61c-.291 0-.533.242-.533.533s.242.533.533.533s.533-.242.533-.533c0-.3-.242-.533-.533-.533m7.2.533c0 .291-.242.533-.533.533s-.533-.242-.533-.533s.242-.533.533-.533s.533.233.533.533m-.533-1.802c-.291 0-.533.242-.533.533s.242.533.533.533s.533-.243.533-.533a.53.53 0 0 0-.533-.533m1.269 0c-.29 0-.533.242-.533.533s.243.533.533.533s.533-.243.533-.533a.54.54 0 0 0-.533-.533m0 1.269c-.29 0-.533.242-.533.533s.243.533.533.533s.533-.242.533-.533a.54.54 0 0 0-.533-.533m-.048-6.037c0 .291-.242.533-.533.533s-.533-.242-.533-.533s.242-.533.533-.533c.3 0 .533.243.533.533m-.533-1.802c-.291 0-.533.242-.533.533s.242.533.533.533s.533-.242.533-.533s-.233-.533-.533-.533M12 3.953c-4.438 0-8.052 3.614-8.052 8.052S7.562 20.057 12 20.057s8.052-3.614 8.052-8.052c0-4.448-3.614-8.052-8.052-8.052m7.103 7.567h-6.619V4.902a7.134 7.134 0 0 1 6.619 6.618m-7.587-6.618v6.618H4.897a7.13 7.13 0 0 1 6.619-6.618m-6.619 7.587h6.619v6.619c-3.537-.252-6.376-3.082-6.619-6.619m7.587 6.609V12.48h6.619a7.13 7.13 0 0 1-6.619 6.618M12 2.005c-5.523 0-10 4.477-10 10s4.477 9.99 10 9.99s10-4.477 10-10s-4.477-9.99-10-9.99m0 19.021c-4.981 0-9.031-4.05-9.031-9.031S7.019 2.964 12 2.964s9.031 4.051 9.031 9.031s-4.05 9.031-9.031 9.031"/></svg>How to use the Tap Dial icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:tap-dial" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:tap-dial" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:tap-dial" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--tap-dial]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:tap-dial"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:tap-dial"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/tap-dial.svg" alt="Tap Dial icon" width="24" height="24">Tap Dial icon FAQ
Is the Tap Dial icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Tap Dial icon in React?
Install @iconify/react and render <Icon icon="cbi:tap-dial" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tap Dial icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/tap-dial.svg" alt="Tap Dial icon">, or paste the SVG code inline to style it with CSS.