Tap Dial アイコン
cbi:tap-dial
Tap Dial アイコン(cbi:tap-dial)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- tapdial
SVG コード
<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>Tap Dial アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/cbi/tap-dial.svg" alt="Tap Dial アイコン" width="24" height="24">Tap Dial アイコン のよくある質問
Tap Dial アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Tap Dial アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:tap-dial" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tap Dial アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/tap-dial.svg" alt="Tap Dial アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。