📌 مفهوم

ویژگی fill در CSS مشخص می‌کند رنگ داخل یک شکل SVG چگونه باشد.

• فقط روی عناصر SVG قابل استفاده است (مثل <circle>, <rect>, <path>).

• کنترل می‌کند که داخل مسیر یا شکل با چه رنگی پر شود.

⚡ توجه: این ویژگی روی رنگ متن یا پس‌زمینه عناصر HTML معمولی اثر ندارد، فقط برای SVG کاربرد دارد.

📑 مقادیر CSS

مثال CSS:

circle {
  fill: red;
}

rect {
  fill: none; /* شفاف */
}

path {
  fill: currentColor; /* از رنگ متن استفاده می‌کند */
}

🏷 Tailwind CSS

Tailwind کلاس‌های آماده برای fill دارد:

مثال Tailwind:

💡 نکته: معمولاً با stroke و fill در SVG ترکیب می‌شوند تا شکل‌ها هم خط و هم داخل رنگی داشته باشند.