Tap アイコン
openmoji:tap
Tap アイコン(openmoji:tap)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="30.337" cy="13.859" r="10.216" fill="#fff"/><path fill="#fcea2b" d="M54.625 48.824c0 11.975-7.161 18.39-16.25 18.39c-10.129-1.815-18.501-4.08-16.616-31.152m26.081 1.53a3.5 3.5 0 1 1 6.993.294"/><path fill="#fcea2b" d="M40.842 37.36a3.5 3.5 0 1 1 6.994.293"/><path fill="#fcea2b" d="M40.846 37.225a3.5 3.5 0 1 1 6.978.562m-14.019-.907a3.5 3.5 0 0 1 6.985.449m-18.498 8.856c-5.868-7.62-6.745-10.687-5.355-12.03s5.694.784 7.037 2.175m2.831-21.821a3.5 3.5 0 1 1 7 0"/><path fill="none" d="m23.844 36.455l-1.958-2.213"/><path fill="#fcea2b" d="M18.619 41.424c1.952 2.144 3.373 5.168 3.3 9.522"/><path fill="none" d="m16.851 39.105l1.821 2.38"/><path fill="#fcea2b" d="m33.915 41.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H33.915zm-7.11 3.221l-2.656-.995l.509-3.186l2.164 2.93z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M33.79 23.71c4.13-1.45 7.09-5.39 7.09-10.02c0-5.87-4.75-10.63-10.62-10.63S19.64 7.82 19.64 13.69c0 4.65 2.99 8.6 7.15 10.04m28.026 27.044c0 9.089-7.367 16.456-16.456 16.456s-16.455-7.367-16.455-16.456m32.911-.873v-12m-6.992-.294a3.5 3.5 0 1 1 6.994.294m-13.991-.526a3.5 3.5 0 1 1 6.994.293"/><path d="M40.831 37.24a3.5 3.5 0 1 1 6.978.562m-14.019-.906a3.5 3.5 0 0 1 6.985.448M16.836 39.12a3.5 3.5 0 1 1 5.035-4.863m4.919-19.733a3.5 3.5 0 1 1 7 0m-.001 22.335V14.524m-6.999 0v27.791m-2.961-5.844l-1.958-2.214m-3.268 7.183c1.953 2.143 3.374 5.167 3.302 9.521M16.836 39.12l1.821 2.38m36.175 9.26c0 9.087-7.368 16.455-16.456 16.455S21.92 59.847 21.92 50.759"/></g></svg>Tap アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:tap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:tap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:tap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--tap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:tap"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:tap"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/tap.svg" alt="Tap アイコン" width="24" height="24">他のアイコンセットの Tap アイコン
Tap アイコン のよくある質問
Tap アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Tap アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:tap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/tap.svg" alt="Tap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。