Ikon Jack Bold
glyphs:jack-bold
Ikon Jack Bold (glyphs:jack-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
- jackbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" d="m45.933 58.735l-1.447-2.629zm6.133-8.37l-2.942-.588zm-18 8.37l1.447-2.629zm-6.133-8.37l2.942-.588zm-.416-2.086l-2.942.587zm.614-7.623l1.544-2.572a3 3 0 0 0-4.354 1.521zm23.733-.012l2.81-1.054a3 3 0 0 0-4.357-1.517zm.619 7.635l-2.942-.588zm-5.104 13.084a15.3 15.3 0 0 0 7.629-10.41l-5.884-1.176a9.3 9.3 0 0 1-4.638 6.33zm-14.759 0a15.3 15.3 0 0 0 14.76 0l-2.894-5.257a9.3 9.3 0 0 1-8.973 0zm-7.628-10.41a15.3 15.3 0 0 0 7.628 10.41l2.893-5.257a9.3 9.3 0 0 1-4.638-6.329zm-.417-2.087l.417 2.086l5.883-1.175l-.416-2.086zm.746-9.26a16.96 16.96 0 0 0-.746 9.26l5.884-1.175a10.96 10.96 0 0 1 .482-5.985zm14.666 1.337c-3.637 0-7.2-.99-10.312-2.859l-3.089 5.144a26.03 26.03 0 0 0 13.401 3.715zm10.33-2.87a20.03 20.03 0 0 1-10.33 2.87v6c4.735 0 9.376-1.292 13.425-3.73zm5.107 10.794a16.96 16.96 0 0 0-.75-9.277l-5.619 2.107a10.96 10.96 0 0 1 .486 5.994zm-.416 2.085l.416-2.085l-5.883-1.176l-.417 2.086z"/><path fill="currentColor" fill-rule="evenodd" d="m55.587 23.231l-2.608 7.235H27.022l-2.609-7.235a42.22 42.22 0 0 1 31.174 0" clip-rule="evenodd"/><path fill="currentColor" d="m55.587 23.231l2.822 1.018a3 3 0 0 0-1.714-3.806zm-2.608 7.235v3a3 3 0 0 0 2.822-1.982zm-25.957 0l-2.823 1.018a3 3 0 0 0 2.822 1.982zm-2.609-7.235l-1.108-2.788a3 3 0 0 0-1.714 3.806zm28.352-1.017l-2.608 7.235l5.644 2.035l2.608-7.235zm.214 5.252H27.022v6h25.957zM29.844 29.45l-2.609-7.235l-5.644 2.035l2.608 7.235zM40 17.249a45.2 45.2 0 0 0-16.694 3.194l2.215 5.576A39.2 39.2 0 0 1 40 23.25zm16.695 3.194A45.2 45.2 0 0 0 40 17.248v6c4.981 0 9.893.95 14.48 2.771z"/><path fill="currentColor" fill-rule="evenodd" d="M54.187 39.044a23.03 23.03 0 0 1-28.399 0l1.22-1.578h25.958z" clip-rule="evenodd"/><path fill="currentColor" d="m54.187 39.044l1.85 2.362a3 3 0 0 0 .523-4.197zm-1.75 1.244l1.622 2.523zm-24.9 0l1.623-2.524zm-1.749-1.244l-2.373-1.835a3 3 0 0 0 .523 4.197zm1.22-1.578v-3a3 3 0 0 0-2.372 1.165zm25.958 0l2.373-1.835a3 3 0 0 0-2.373-1.165zm-.629-.784q-.733.575-1.522 1.082l3.244 5.047a26 26 0 0 0 1.978-1.405zm-1.522 1.082a20.03 20.03 0 0 1-10.827 3.18v6c4.99 0 9.874-1.435 14.071-4.133zm-10.827 3.18c-3.84 0-7.598-1.105-10.828-3.18l-3.244 5.047a26.03 26.03 0 0 0 14.071 4.132zm-10.828-3.18a20 20 0 0 1-1.522-1.082l-3.7 4.724a26 26 0 0 0 1.978 1.405zm-4.524-2.133l-1.22 1.578l4.745 3.67l1.22-1.577zm28.33-1.165H27.01v6h25.957zm3.594 2.742l-1.221-1.577l-4.746 3.671l1.221 1.578z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M27 30.466h26v7H27z"/></g></svg>Cara memakai ikon Jack Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:jack-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:jack-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:jack-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--jack-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:jack-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:jack-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/jack-bold.svg" alt="Ikon Jack Bold" width="24" height="24">Ikon terkait di Glyphs
FAQ Ikon Jack Bold
Apakah ikon Jack 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 Jack Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:jack-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Jack Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/jack-bold.svg" alt="Ikon Jack Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.