Joker Bold icon
glyphs:joker-bold
The Joker Bold icon (glyphs:joker-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
- jokerbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M29.46 44v-3a3 3 0 0 0-2.523 1.38zm-1.943 10.28l2.942-.588zM50.539 44l2.524-1.62A3 3 0 0 0 50.539 41zm1.944 10.28l2.941.587zm-.417 2.085l-2.942-.588zm-6.133 8.37l1.446 2.628zm-11.866 0l1.446-2.629zm-6.134-8.37l-2.941.587zm-.996-13.986a16.96 16.96 0 0 0-2.362 12.488l5.884-1.175a10.96 10.96 0 0 1 1.526-8.07zm23.602-1.378H29.46v6h21.078zm4.885 13.866c.863-4.32.01-8.796-2.361-12.488l-5.049 3.243a10.96 10.96 0 0 1 1.527 8.07zm-.416 2.085l.416-2.085l-5.883-1.175l-.417 2.085zm-7.629 10.411a15.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.086l.417 2.085l5.883-1.175l-.416-2.085z"/><path fill-rule="evenodd" d="m35.053 28.717l2.252-4.88a5.55 5.55 0 0 0 5.388 0l2.253 4.88a3 3 0 0 0 3.744 1.565l1.743-.63a7.64 7.64 0 0 1 5.166-.011a5.53 5.53 0 0 0-1.088 4.075A5.12 5.12 0 0 0 52 38.122v.221q0 .324-.035.637c-.002.01.007.02.017.02q.016.002.018.018V44H28v-4.982q.002-.016.018-.018c.01 0 .019-.01.017-.02a6 6 0 0 1-.035-.637v-.221a5.12 5.12 0 0 0-2.51-4.406a5.53 5.53 0 0 0-1.09-4.075a7.64 7.64 0 0 1 5.167.01l1.742.63a3 3 0 0 0 3.744-1.564m23.861 3.197l.905.905a.106.106 0 0 1-.075.181h-1.28c0-.393.15-.786.45-1.086M39.877 18.265l-.877 1.9a1.536 1.536 0 0 0 1.999.001l-.877-1.9a.135.135 0 0 0-.245 0M21.535 33h-1.28a.106.106 0 0 1-.074-.181l.905-.905c.3.3.45.693.45 1.086" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M17.5 30.5a3.536 3.536 0 1 1 5 5a3.536 3.536 0 0 1-5-5m20-14a3.536 3.536 0 1 1 5 5a3.536 3.536 0 0 1-5-5m20 14a3.536 3.536 0 1 1 5 5a3.536 3.536 0 0 1-5-5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M38 51a2.828 2.828 0 1 1 4 4a2.828 2.828 0 0 1-4-4"/></g></svg>How to use the Joker Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:joker-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:joker-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:joker-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--joker-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:joker-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:joker-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/joker-bold.svg" alt="Joker Bold icon" width="24" height="24">Related icons in Glyphs
Joker Bold icon FAQ
Is the Joker 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 Joker Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:joker-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Joker Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/joker-bold.svg" alt="Joker Bold icon">, or paste the SVG code inline to style it with CSS.