ICONYZ
Bahasa Indonesia
Ikon Arch dari WebHostingHub Glyphs

Ikon Arch

whh:arch

Ikon Arch (whh:arch) 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="M832 832V704h192v128zm0-320v-3l187-64q5 38 5 67v128H832zm-46-165l138-138q58 79 83 173l-182 62q-11-51-39-97M651 224l59-184q98 41 173 120L747 296q-41-45-96-72m-139-32q-39 0-79 10L374 19Q444 0 512 0t137 19l-58 183q-40-10-79-10M277 296L141 160q75-79 173-120l59 184q-55 27-96 72m-78 148L17 382q25-94 83-173l138 138q-28 46-39 97m-7 68v128H0V512q0-29 5-67l187 64zm0 320H0V704h192zm0 64v128H0V896zm832 0v128H832V896z"/></svg>

Cara memakai ikon Arch

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di WebHostingHub Glyphs

Ikon Arch di set ikon lain

FAQ Ikon Arch

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

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

Bagaimana cara menambahkan ikon Arch ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →