ICONYZ
Bahasa Indonesia
Ikon Circlex dari WebHostingHub Glyphs

Ikon Circlex

whh:circlex

Ikon Circlex (whh:circlex) 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 1024q-139 0-257-68.5T68.5 769T0 512t68.5-257T255 68.5T512 0t257 68.5T955.5 255t68.5 257t-68.5 257T769 955.5T512 1024m181-713q11-11 11-23q0-13-9.5-22.5T672 256q-7 0-15.5 5.5T644 272L512 457L379 272q-11-16-27-16q-15 0-23.5 10.5T320 288q0 13 9 23l144 201l-144 201q-9 10-9 23q0 11 8.5 21.5T352 768q16 0 27-16l133-185l132 185q4 5 12.5 10.5T672 768q13 0 22.5-9.5T704 736q0-12-11-24L551 512z"/></svg>

Cara memakai ikon Circlex

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

FAQ Ikon Circlex

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

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

Bagaimana cara menambahkan ikon Circlex ke halaman web?

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

Lihat semua Ikon WebHostingHub Glyphs →