Icono Jack Bold
glyphs:jack-bold
El icono Jack Bold (glyphs:jack-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- jackbold
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/jack-bold.svg" alt="Icono Jack Bold" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Jack Bold
¿El icono Jack Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Jack Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:jack-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Jack Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/jack-bold.svg" alt="Icono Jack Bold">, o pega el código SVG en línea para darle estilo con CSS.