أيقونة Club Bold

glyphs:club-bold

أيقونة Club Bold (glyphs:club-bold) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: clubbold

تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:club-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/club-bold.svg" alt="أيقونة Club Bold" width="24" height="24">

أيقونات ذات صلة في Glyphs

أيقونة Club Bold في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Club Bold

هل أيقونة Club Bold مجانية للاستخدام التجاري؟

نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Club Bold في React؟

ثبّت @iconify/react واعرض <Icon icon="glyphs:club-bold" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Club Bold إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/club-bold.svg" alt="أيقونة Club Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →