Jack Bold icon
glyphs:jack-bold
The Jack Bold icon (glyphs:jack-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- jackbold
SVG code
<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>How to use the Jack Bold icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/jack-bold.svg" alt="Jack Bold icon" width="24" height="24">Related icons in Glyphs
Jack Bold icon FAQ
Is the Jack Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Jack Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:jack-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Jack Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/jack-bold.svg" alt="Jack Bold icon">, or paste the SVG code inline to style it with CSS.