Ikon Topborder
whh:topborder
Ikon Topborder (whh:topborder) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 960 × 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
- 960 × 960
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="960" viewBox="0 0 960 960"><path fill="currentColor" d="M896 960v-64h64v64zm0-192h64v64h-64zm0-128h64v64h-64zm0-128h64v64h-64zm-64-64h64v64h-64zm128-64v64h-64v-64zm-64-128h64v64h-64zm0-128h64v64h-64zM512 64v64h-64V64H0V0h960v64zM64 192H0v-64h64zm0 128H0v-64h64zm0 128H0v-64h64zm64 64H64v-64h64zM0 576v-64h64v64zm64 128H0v-64h64zm0 128H0v-64h64zm0 128H0v-64h64zm128 0h-64v-64h64zm64-448h-64v-64h64zm64-64h64v64h-64zm0 512h-64v-64h64zm192-192h-64v-64h64zm0-128h-64v-64h64zm0-128h-64v-64h64zm-64-320h64v64h-64zm64 192h-64v-64h64zm64 64h64v64h-64zm-64 384v64h-64v-64zm64 128h-64v-64h64zm-128 0h-64v-64h64zm256-512h64v64h-64zm0 512h-64v-64h64zm128 0h-64v-64h64z"/></svg>Cara memakai ikon Topborder
React
import { Icon } from "@iconify/react";
<Icon icon="whh:topborder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:topborder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:topborder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--topborder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:topborder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:topborder"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/topborder.svg" alt="Ikon Topborder" width="24" height="24">FAQ Ikon Topborder
Apakah ikon Topborder 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 Topborder di React?
Pasang @iconify/react lalu render <Icon icon="whh:topborder" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Topborder ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/topborder.svg" alt="Ikon Topborder">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.