ICONYZ
Bahasa Indonesia
Ikon Chrome dari WebHostingHub Glyphs

Ikon Chrome

whh:chrome

Ikon Chrome (whh:chrome) 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="m512 1024l224-384q32-55 32-128q0-56-23-106t-64-86h305q38 93 38 192q0 139-68.5 257T769 955.5T512 1024M261 461L109 197q71-91 176.5-144T512 0q140 0 257.5 69.5T955 256H512q-92 0-162.5 58.5T261 461m251-141q80 0 136 56t56 136t-56 136t-136 56t-136-56t-56-136t56-136t136-56M288 640q34 58 94 93t130 35q42 0 82-14l-153 265q-123-18-224-88.5t-159-181T0 512q0-137 69-256z"/></svg>

Cara memakai ikon Chrome

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Chrome di set ikon lain

FAQ Ikon Chrome

Apakah ikon Chrome 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 Chrome di React?

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

Bagaimana cara menambahkan ikon Chrome ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →