hextra_mirror/exampleSite/content/docs/guide/shortcodes/icon.fa.md

title, next

title	next
آیکون	/docs/guide/shortcodes/steps

برای استفاده از این شورت‌کد به صورت درون‌خطی، باید قابلیت شورت‌کدهای درون‌خطی در تنظیمات فعال شود:

enableInlineShortcodes: true

لیست آیکون‌های موجود را می‌توانید در data/icons.yaml مشاهده کنید.

مثال

{{< icon "academic-cap" >}} {{< icon "cake" >}} {{< icon "gift" >}} {{< icon "sparkles" >}}

نحوه استفاده

{{</* icon "github" */>}}

آیکون‌های Heroicons نسخه 1 به صورت پیش‌فرض در دسترس هستند.

چگونه آیکون‌های خود را اضافه کنید

فایل data/icons.yaml را ایجاد کنید، سپس آیکون‌های SVG خود را با فرمت زیر اضافه کنید:

your-icon: <svg>محتوای SVG آیکون شما</svg>

سپس می‌توانید از آن در شورت‌کد به این صورت استفاده کنید:

{{</* icon "your-icon" */>}}

{{</* card icon="your-icon" */>}}

نکته: Iconify Design منبع خوبی برای یافتن آیکون‌های SVG برای سایت شماست.

خيارات

المعلمة	وصف
name	اسم الأيقونة
attributes	سمات الأيقونة.