أيقونات Starlight المدمجة

يتضمن Starlight أكثر من 200 أيقونة مدمجة متاحة عبر مكون <Icon> — دون الحاجة إلى أي تثبيت. إضافة starlight-plugin-icons مُعدّة مسبقاً في القالب، لذا تعمل هذه الأيقونات في أي مستودع محتوى.

استخدام مكون الأيقونة

قم باستيراد المكون وتمرير اسم الأيقونة:

import { Icon } from '@astrojs/starlight/components';

<Icon name="star" />
<Icon name="rocket" size="2rem" color="var(--sl-color-accent)" />
<Icon name="seti:python" label="Python file" />

الخصائص

الخاصية	النوع	القيمة الافتراضية	الوصف
name	string	—	مطلوبة. اسم الأيقونة من الجداول أدناه.
label	string	—	تسمية وصفية لقارئات الشاشة. استخدمها للأيقونات ذات المعنى؛ واحذفها للأيقونات الزخرفية.
size	string	"1em"	قيمة حجم CSS تُطبق على العرض والارتفاع.
color	string	"currentColor"	قيمة لون CSS.
class	string	—	فئات CSS إضافية.

إمكانية الوصول

أضف خاصية label عندما تنقل الأيقونة معنى معيناً (مثل أيقونة رابط). احذف label للأيقونات الزخرفية البحتة — سيقوم Starlight بإخفائها عن تقنيات المساعدة تلقائياً.

أيقونات التنقل

up-caret

down-caret

right-caret

left-caret

up-arrow

down-arrow

right-arrow

left-arrow

أيقونات واجهة المستخدم

bars

translate

pencil

pen

document

add-document

setting

external

download

cloud-download

moon

sun

laptop

open-book

information

magnifier

forward-slash

close

error

warning

approve-check-circle

approve-check

rocket

star

puzzle

list-format

random

comment

comment-alt

heart

أيقونات التواصل الاجتماعي والمجتمع

github

gitlab

bitbucket

codePen

farcaster

discord

gitter

twitter

x.com

mastodon

codeberg

youtube

threads

linkedin

twitch

azureDevOps

microsoftTeams

instagram

stackOverflow

telegram

rss

facebook

email

phone

reddit

patreon

signal

slack

matrix

hackerOne

openCollective

blueSky

discourse

zulip

pinterest

tiktok

أيقونات التقنيات وأطر العمل

astro

starlight

node

npm

pnpm

bun

deno

biome

mdx

alpine

pkl

jsr

nostr

cloudflare

vercel

netlify

apple

linux

homebrew

nix

backstage

confluence

jira

storybook

sourcehut

substack

المحررات والمتصفحات

vscode

jetbrains

zed

vim

figma

sketch

chrome

edge

firefox

safari

أيقونات ملفات Seti

تستخدم أيقونات Seti البادئة seti: وهي مصممة لتمثيل أنواع الملفات. تعمل في مكون <Icon> ومكون <FileTree>.

<Icon name="seti:typescript" />
<Icon name="seti:docker" />

لغات البرمجة

seti:javascript

seti:typescript

seti:python

seti:rust

seti:go

seti:java

seti:c

seti:cpp

seti:c-sharp

seti:f-sharp

seti:ruby

seti:php

seti:swift

seti:kotlin

seti:dart

seti:scala

seti:haskell

seti:elixir

seti:clojure

seti:lua

seti:perl

seti:R

seti:julia

seti:nim

seti:zig

seti:d

seti:crystal

seti:ocaml

seti:haxe

seti:powershell

seti:shell

seti:prolog

seti:purescript

seti:elm

seti:vala

seti:asm

seti:cu

seti:wasm

الويب ولغات التوصيف

seti:html

seti:css

seti:sass

seti:stylus

seti:json

seti:xml

seti:yml

seti:markdown

seti:csv

seti:graphql

seti:svg

seti:tex

أطر العمل والقوالب

seti:react

seti:vue

seti:svelte

seti:spring

seti:rescript

seti:jade

seti:pug

seti:haml

seti:mustache

seti:nunjucks

seti:jinja

seti:twig

seti:liquid

seti:smarty

seti:slim

seti:coldfusion

أدوات DevOps والبناء

seti:docker

seti:terraform

seti:git

seti:github

seti:gitlab

seti:jenkins

seti:npm

seti:yarn

seti:webpack

seti:rollup

seti:vite

seti:gulp

seti:grunt

seti:gradle

seti:maven

seti:sbt

seti:makefile

seti:bazel

seti:babel

seti:eslint

seti:stylelint

seti:prisma

seti:firebase

seti:heroku

seti:puppet

seti:pipeline

أنواع الملفات ومتفرقات

seti:folder

seti:default

seti:config

seti:tsconfig

seti:lock

seti:license

seti:todo

seti:ignored

seti:db

seti:notebook

seti:image

seti:svg

seti:pdf

seti:font

seti:video

seti:audio

seti:zip

seti:word

seti:xls

seti:windows

seti:sublime

seti:illustrator

seti:photoshop

seti:favicon

seti:code-search

seti:info

seti:clock