Ikon Border Center Bold

glyphs:border-center-bold

Ikon Border Center Bold (glyphs:border-center-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Glyphs
Pembuat: Goran Spasojevic
Lisensi: MIT
Ukuran: 80 × 80
Tag: bordercenter, centerbold, bordercenterbold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M16 37a3 3 0 1 0 0 6zm48 6a3 3 0 1 0 0-6zM16 61a3 3 0 1 0 0 6zm48 6a3 3 0 1 0 0-6zm3-51a3 3 0 1 0-6 0zm-6 48a3 3 0 1 0 6 0zM16 13a3 3 0 1 0 0 6zm48 6a3 3 0 1 0 0-6zm-45-3a3 3 0 1 0-6 0zm-6 48a3 3 0 1 0 6 0zm3.005-21a3 3 0 1 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm-47.99 30a3 3 0 1 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zM67 63.995a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zM16.005 19a3 3 0 1 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zm.01 6a3 3 0 0 0 0-6zm7.99-6a3 3 0 0 0 0 6zM19 63.995a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zm6-.01a3 3 0 0 0-6 0zm-6-7.99a3 3 0 0 0 6 0zM16 43h.005v-6H16zm7.995 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0H64v-6h-.005zM16 67h.005v-6H16zm7.995 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0H64v-6h-.005zM67 64v-.005h-6V64zm0-7.995v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8V16h-6v.005zM16 19h.005v-6H16zm7.995 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0h.01v-6h-.01zm8 0H64v-6h-.005zM19 64v-.005h-6V64zm0-7.995v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8v-.01h-6v.01zm0-8V16h-6v.005z"/><path d="M43 16a3 3 0 1 0-6 0zm-6 48a3 3 0 1 0 6 0zm0-48v48h6V16z"/></g></svg>

Cara memakai ikon Border Center Bold

React

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

<Icon icon="glyphs:border-center-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:border-center-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:border-center-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--border-center-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:border-center-bold"></div>

Web component

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

<iconify-icon icon="glyphs:border-center-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/glyphs/border-center-bold.svg" alt="Ikon Border Center Bold" width="24" height="24">

Ikon terkait di Glyphs

FAQ Ikon Border Center Bold

Apakah ikon Border Center Bold gratis untuk penggunaan komersial?

Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Border Center Bold di React?

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

Bagaimana cara menambahkan ikon Border Center Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/border-center-bold.svg" alt="Ikon Border Center Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Glyphs →