ICONYZ
Bahasa Indonesia
Ikon Like dari WebHostingHub Glyphs

Ikon Like

whh:like

Ikon Like (whh:like) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
WebHostingHub Glyphs
Pembuat
WebHostingHub
Lisensi
OFL-1.1
Ukuran
1024 × 1024
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 640h-64q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19h-64q27 0 45.5 18.5T896 960t-18.5 45.5T832 1024H320q-32 0-128-32T64 960q-28 0-46-16.5T0 896V640q0-35 18.5-79T60 513q1-1 4-1q54 0 105-14.5t85.5-34t64.5-44t44-40.5t21-27q20-30 56.5-66.5t64.5-62t49.5-60T576 96V64q0-27 19-45.5T640 0t45 18.5T704 64v128q0 43-10 74.5T672 312t-22 32.5t-10 39.5q0 18 10 31t24 19t28 9.5t24 3.5l10 1q117 0 202.5 39.5T1024 576q0 26-18.5 45T960 640"/></svg>

Cara memakai ikon Like

React

import { Icon } from "@iconify/react";

<Icon icon="whh:like" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:like" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:like" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--like]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:like"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:like"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/like.svg" alt="Ikon Like" width="24" height="24">

Ikon Like di set ikon lain

FAQ Ikon Like

Apakah ikon Like gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Like di React?

Pasang @iconify/react lalu render <Icon icon="whh:like" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Like ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/like.svg" alt="Ikon Like">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →