Ikon User Circle Bold
glyphs:user-circle-bold
Ikon User Circle Bold (glyphs:user-circle-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
- usercircle, circlebold, usercirclebold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M33.217 31.083a8.598 8.598 0 0 1 13.567 0l.11.141a8.97 8.97 0 0 1 1.677 7.459l-.07.313a8.71 8.71 0 0 1-17.002 0l-.07-.313a8.97 8.97 0 0 1 1.677-7.459z"/><path fill-rule="evenodd" d="M40 27.768a8.6 8.6 0 0 0-6.783 3.315l-.11.141a8.97 8.97 0 0 0-1.678 7.459l.07.313a8.71 8.71 0 0 0 17.002 0l.07-.313a8.97 8.97 0 0 0-1.677-7.459l-.11-.141A8.6 8.6 0 0 0 40 27.768" clip-rule="evenodd"/><path fill-rule="evenodd" d="M9 41c0-17.12 13.88-31 31-31s31 13.88 31 31s-13.88 31-31 31S9 58.12 9 41m20.272-12.99a13.598 13.598 0 0 1 21.457 0l.11.142A13.96 13.96 0 0 1 53.45 39.77l-.07.314a13.71 13.71 0 0 1-26.762 0l-.07-.314a13.97 13.97 0 0 1 2.613-11.618zm3.945 3.073a8.598 8.598 0 0 1 13.567 0l.11.141a8.97 8.97 0 0 1 1.677 7.459l-.07.313a8.71 8.71 0 0 1-17.002 0l-.07-.313a8.97 8.97 0 0 1 1.677-7.459zm-5.783 23.585l1.603-.576a32.38 32.38 0 0 1 21.927 0l1.602.576a15 15 0 0 1 5.566 3.543a25 25 0 0 1-3.801 3.276a10 10 0 0 0-3.458-2.114l-1.602-.577a27.38 27.38 0 0 0-18.541 0l-1.603.577a10 10 0 0 0-3.457 2.115a25 25 0 0 1-3.802-3.277a15 15 0 0 1 5.566-3.543" clip-rule="evenodd"/></g></svg>
Cara memakai ikon User Circle Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:user-circle-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:user-circle-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:user-circle-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--user-circle-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:user-circle-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:user-circle-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/user-circle-bold.svg" alt="Ikon User Circle Bold" width="24" height="24">
Ikon User Circle Bold di set ikon lain
FAQ Ikon User Circle Bold
Apakah ikon User Circle 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 User Circle Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:user-circle-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon User Circle Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/user-circle-bold.svg" alt="Ikon User Circle Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
