Icono Club Bold
glyphs:club-bold
El icono Club Bold (glyphs:club-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
- clubbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M45.71 15.725a11.34 11.34 0 0 0-11.188 0l-.152.086a11.04 11.04 0 0 0-2.037 17.721a11.14 11.14 0 0 0-6.073-1.8h-.347a11.14 11.14 0 0 0 0 22.278h.347a11.14 11.14 0 0 0 10.115-6.474v6.08l-1.362 2.909q-.275.587-.675 1.094l-3.137 3.988a2.047 2.047 0 0 0 1.61 3.313h14.611a2.047 2.047 0 0 0 1.61-3.313l-2.548-3.238a14 14 0 0 1-1.669-2.708l-.957-2.045v-6.079q.23.499.511.978a11.14 11.14 0 0 0 9.603 5.495h.348a11.139 11.139 0 1 0 0-22.279h-.348c-2.193 0-4.294.645-6.073 1.801a11.04 11.04 0 0 0-2.037-17.721z" clip-rule="evenodd"/><path d="m34.522 15.725l.493.87zm11.188 0l-.493.87zm-11.34.086l-.493-.87zm-2.037 17.721l-.545.839a1 1 0 0 0 1.223-1.574zm-16.024 3.694l-.862-.507zm0 11.289l-.862.507zm19.554 0l.862.507zm.512-.979h1a1 1 0 0 0-1.908-.419zm0 6.08l.906.424a1 1 0 0 0 .094-.424zm-1.362 2.909l-.906-.424zm-.675 1.094l-.786-.618zm-3.137 3.988l-.786-.618zm17.83 0l.786-.618zm-2.547-3.238l.786-.618zm-1.669-2.708l-.905.424zm-.957-2.045h-1a1 1 0 0 0 .094.424zm0-6.079l.908-.42a1 1 0 0 0-1.908.42zm.511.978l-.862.507zm19.554 0l.862.507zm0-11.289l.862-.507zm-16.024-3.694l-.677-.735a1 1 0 0 0 1.222 1.574zm-2.037-17.721l.493-.87zm-10.847.784a10.34 10.34 0 0 1 10.202 0l.987-1.74a12.34 12.34 0 0 0-12.175 0zm-.152.086l.152-.086l-.986-1.74l-.152.086zm-5.087 8.734c0-3.615 1.943-6.95 5.087-8.734l-.986-1.74a12.04 12.04 0 0 0-6.101 10.474zm3.235 7.382a10.04 10.04 0 0 1-3.235-7.382h-2c0 3.404 1.437 6.6 3.88 8.853zm-.133-.103a12.14 12.14 0 0 0-6.618-1.963v2c1.996 0 3.909.587 5.528 1.64zM26.26 30.73h-.347v2h.347zm-.347 0a12.14 12.14 0 0 0-10.466 5.988l1.725 1.014a10.14 10.14 0 0 1 8.74-5.002zm-10.466 5.99a12.14 12.14 0 0 0 0 12.303l1.725-1.014a10.14 10.14 0 0 1 0-10.275zm0 12.303a12.14 12.14 0 0 0 10.466 5.988v-2a10.14 10.14 0 0 1-8.741-5.002zm10.466 5.988h.347v-2h-.347zm.347 0a12.14 12.14 0 0 0 10.465-5.988l-1.724-1.014a10.14 10.14 0 0 1-8.741 5.002zm10.465-5.988q.307-.523.558-1.067l-1.816-.838q-.21.455-.466.891zm.65 4.594v-6.08h-2v6.08zm-1.457 3.333l1.363-2.91l-1.812-.847l-1.362 2.909zm-.794 1.289q.471-.599.794-1.289l-1.811-.848a4.6 4.6 0 0 1-.555.9zm-3.137 3.987l3.137-3.987L33.552 57l-3.137 3.988zm-.224.648c0-.235.079-.463.224-.648l-1.572-1.236a3.05 3.05 0 0 0-.652 1.884zm1.047 1.047a1.047 1.047 0 0 1-1.047-1.047h-2a3.047 3.047 0 0 0 3.047 3.047zm14.612 0H32.811v2h14.611zm1.047-1.047c0 .578-.468 1.047-1.047 1.047v2a3.047 3.047 0 0 0 3.047-3.047zm-.224-.648c.146.185.224.413.224.648h2c0-.684-.23-1.347-.652-1.884zm-2.547-3.238l2.547 3.238l1.572-1.236l-2.547-3.238zm-1.788-2.902a15 15 0 0 0 1.788 2.902l1.572-1.236c-.61-.776-1.13-1.62-1.549-2.514zm-.958-2.045l.958 2.045l1.811-.848l-.958-2.045zm-.094-6.503v6.079h2v-6.079zm2.373.471q-.256-.436-.465-.89l-1.816.838q.25.543.557 1.066zm8.741 5.002a10.14 10.14 0 0 1-8.74-5.002l-1.725 1.014a12.14 12.14 0 0 0 10.465 5.988zm.348 0h-.348v2h.348zm8.74-5.002a10.14 10.14 0 0 1-8.74 5.002v2c4.303 0 8.284-2.279 10.465-5.988zm0-10.275a10.14 10.14 0 0 1 0 10.275l1.725 1.014a12.14 12.14 0 0 0 0-12.303zm-8.74-5.002c3.594 0 6.92 1.903 8.74 5.002l1.725-1.014a12.14 12.14 0 0 0-10.465-5.988zm-.348 0h.348v-2h-.348zm-5.528 1.64a10.14 10.14 0 0 1 5.528-1.64v-2c-2.39 0-4.68.703-6.618 1.963zm2.012-8.956c0 2.838-1.198 5.504-3.234 7.382l1.355 1.47a12.04 12.04 0 0 0 3.88-8.852zM45.37 16.68a10.04 10.04 0 0 1 5.087 8.734h2a12.04 12.04 0 0 0-6.1-10.474zm-.152-.086l.152.086l.986-1.74l-.151-.086z"/></g></svg>Cómo usar el icono Club Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:club-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:club-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:club-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--club-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:club-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:club-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/club-bold.svg" alt="Icono Club Bold" width="24" height="24">Iconos relacionados en Glyphs
El icono Club Bold en otras colecciones
Preguntas frecuentes sobre Icono Club Bold
¿El icono Club 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 Club Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:club-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Club Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/club-bold.svg" alt="Icono Club Bold">, o pega el código SVG en línea para darle estilo con CSS.