Ikon Haptic
selfhst:haptic
Ikon Haptic (selfhst:haptic) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG234ZFcez" x1="256" x2="256" y1="278" y2="790" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#222"/><stop offset="1" stop-color="#111"/></linearGradient><path fill="url(#SVG234ZFcez)" d="M115 0h282c63.5 0 115 51.5 115 115v282c0 63.5-51.5 115-115 115H115C51.5 512 0 460.5 0 397V115C0 51.5 51.5 0 115 0"/><path fill="#fff" fill-rule="evenodd" d="M87.3 201.8c-29.7 29.7-29.7 77.8 0 107.5l12.5 12.5v15c0 42 34 76 76 76h15l11 11c29.7 29.7 77.8 29.7 107.5 0l11-11h17c42 0 76-34 76-76v-17l10.5-10.5c29.7-29.7 29.7-77.8 0-107.5l-10.5-10.5v-16.1c0-42-34-76-76-76h-16.1l-11.9-11.9c-29.7-29.7-77.8-29.7-107.5 0l-11.9 11.9h-14.1c-42 0-76 34-76 76v14.1zm163.2 150.8v-4.8c-17.8-1.8-18.8-2-18.8-28.2v-53.8c0-23.2 14.8-36.8 27.8-36.8c10.8 0 22.2 7.5 22.2 40v50.5c0 26.2-.8 26.8-18.5 28.2v4.8H326v-4.8c-20.2-1.8-21.2-2-21.2-28.2v-62.2c0-28.5-8.8-42.2-29.2-42.2c-13.9 0-22.4 6.2-43.4 21.5l-.3.2v-85l-2-1.2c-13.5 11.8-25 17.5-44.5 17.5v4.8c17.5 0 23.5 1.8 23.5 18v128.8c0 26.2-.8 26.8-21 28.2v4.8h62.6z"/><path fill="#fff" d="M170 122h172v268H170z"/><linearGradient id="SVGXymg2BWD" x1="165.864" x2="307.813" y1="440.977" y2="672.762" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#111"/><stop offset="1" stop-color="#111" stop-opacity=".75"/><stop offset="1" stop-color="#111" stop-opacity=".75"/><stop offset="1" stop-color="#111" stop-opacity=".75"/></linearGradient><path fill="url(#SVGXymg2BWD)" d="M250.4 347.2v4.8h-62.8v-4.8c20.2-1.5 21-2 21-28.2V190.2c0-16.2-6-18-23.5-18v-4.8c19.5 0 31-5.8 44.5-17.5l2 1.2v85c21.2-15.5 29.8-21.8 43.8-21.8c20.5 0 29.2 13.8 29.2 42.2V319c0 26.2 1 26.5 21.2 28.2v4.8H263v-4.8c17.8-1.5 18.5-2 18.5-28.2v-50.5c0-32.5-11.5-40-22.2-40c-13 0-27.8 13.5-27.8 36.8V319c.2 26.2 1.2 26.5 18.9 28.2"/></svg>Cara memakai ikon Haptic
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:haptic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:haptic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:haptic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--haptic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:haptic"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:haptic"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/haptic.svg" alt="Ikon Haptic" width="24" height="24">Ikon terkait di selfh.st/icons
Ikon Haptic di set ikon lain
FAQ Ikon Haptic
Apakah ikon Haptic gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Haptic di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:haptic" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Haptic ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/haptic.svg" alt="Ikon Haptic">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.