ICONYZ
Bahasa Indonesia
Ikon Tron dari WebHostingHub Glyphs

Ikon Tron

whh:tron

Ikon Tron (whh:tron) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 960. 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
1025 × 960
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="960" viewBox="0 0 1025 960"><path fill="currentColor" d="M960.232 256h-192q-53 0-90.5 37.5t-37.5 90.5v512q0 26-18.5 45t-45.5 19h-128q-27 0-45.5-19t-18.5-45V384q0-104 51.5-192.5t140-140T768.232 0h192q26 0 45 19t19 45v128q0 27-18.5 45.5t-45.5 18.5m0-192h-192q-85 0-159 44t-117.5 117.5t-43.5 158.5v512h128V384q0-73 60-132.5t132-59.5h192zm-640 192h-256q-26 0-45-19t-19-45V64q0-27 18.5-45.5T64.232 0h256q27 0 45.5 19t18.5 45v128q0 27-18.5 45.5t-45.5 18.5m0-192h-256v128h256z"/></svg>

Cara memakai ikon Tron

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Tron di set ikon lain

FAQ Ikon Tron

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

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

Bagaimana cara menambahkan ikon Tron ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →