Ikon Five Bold

glyphs:five-bold

Ikon Five Bold (glyphs:five-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: fivebold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M28 61a3 3 0 1 0 0 6zm20-42a3 3 0 1 0 0-6zM28 67h10v-6H28zm3-32V17h-6v18zm-2-16h19v-6H29zm9 14h-9v6h9zm-7-16a2 2 0 0 1-2 2v-6a4 4 0 0 0-4 4zm-6 18a4 4 0 0 0 4 4v-6a2 2 0 0 1 2 2zm30 15c0-9.389-7.611-17-17-17v6c6.075 0 11 4.925 11 11zM38 67c9.389 0 17-7.611 17-17h-6c0 6.075-4.925 11-11 11z"/></svg>

Cara memakai ikon Five Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs:five-bold"></iconify-icon>

Gambar HTML

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

Ikon terkait di Glyphs

FAQ Ikon Five Bold

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

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

Bagaimana cara menambahkan ikon Five Bold ke halaman web?

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

Lihat semua Ikon Glyphs →