Double Tap アイコン
openmoji:double-tap
Double Tap アイコン(openmoji:double-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 追加分
- タグ
- doubletap
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="M40.842 37.36a3.5 3.5 0 1 1 6.994.293M26.805 14.509a3.5 3.5 0 1 1 7 0"/><path fill="none" d="m23.844 36.455l-1.958-2.213m-5.035 4.863l1.821 2.38"/><path fill="#fcea2b" d="M54.836 36.844h-.133a3.49 3.49 0 0 0-3.22-2.602a3.5 3.5 0 0 0-3.527 2.602h-.199a3.49 3.49 0 0 0-3.141-2.827c-1.795-.144-3.366 1.1-3.7 2.827h-.143a3.49 3.49 0 0 0-3.252-3.232a3.49 3.49 0 0 0-3.628 2.739l-.088-22.177h-6.953V38.04l-.843-.328l-1.859-2.23c-1.343-1.39-5.717-2.55-7.213-1.326c-2.812 2.3 4.616 10.243 3.407 8.916l1.76 4.723c.945 16.916 12.375 19.308 16.272 19.42c9.02.259 16.14-6.328 16.24-18.145h.22zm-20.941.043l.02.001v3.894l-.005-.001z"/><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.04"/><path d="M33.79 20.57a7.73 7.73 0 0 0 4.2-6.88c0-4.28-3.46-7.74-7.73-7.74s-7.74 3.46-7.74 7.74c0 3.02 1.74 5.64 4.27 6.91m28.026 30.174c0 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>Double Tap アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:double-tap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:double-tap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:double-tap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--double-tap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:double-tap"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:double-tap"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/double-tap.svg" alt="Double Tap アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Double Tap アイコン
Double Tap アイコン のよくある質問
Double Tap アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Double Tap アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:double-tap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Double Tap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/double-tap.svg" alt="Double Tap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。