devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Icon ngôi sao SVG miễn phí

48 icon ngôi sao miễn phí từ các bộ mã nguồn mở — nhấn vào một icon để đổi kích thước, màu và độ nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

star
Lucidestar
Tablerstar
Heroiconsstar
Phosphorstar
Bootstrap Iconsstar
Iconoirstar-12-filled
Fluent UIstar
Material Symbolsstar
Material Design Iconsstar
Carbonstar-x
Lucidestar-filled
Tablerstar-16-solid
Heroiconsstar-bold
Phosphorstar-fill
Bootstrap Iconsstar-solid
Iconoirstar-12-regular
Fluent UIstar-outline
Material Symbolsstar-outline
Material Design Iconsstar-filled
Carbonstar-off
Lucideeye-star
Tablerstar-20-solid
Heroiconsstar-duotone
Phosphordoc-star
Iconoirstar-16-filled
Fluent UIstar-outline-rounded
Material Symbolskey-star
Material Design Iconsmap-star
Tablerstar-solid
Heroiconsstar-fill
Phosphorstar-16-regular
Fluent UIstar-rounded
Material Symbolsstar-box
Material Design Iconsstar-off
Tablerstar-light
Phosphorstar-20-filled
Fluent UIkid-star
Material Symbolsstar-box-outline
Material Design Iconsbell-star
Tablerstar-thin
Phosphorstar-20-regular
Fluent UIkid-star-outline
Material Symbolsstar-cog
Material Design Iconsfile-star
Tablerstar-24-filled
Fluent UIkid-star-outline-sharp
Material Symbolsstar-cog-outline
Material Design Icons

Cách dùng icon ngôi sao

Ngôi sao thường được dùng để đánh giá và đánh dấu yêu thích; sao tô một nửa thể hiện điểm trung bình, chẳng hạn 4.5.

Tất cả icon ở đây đều theo currentColor, nên chúng sẽ nhận màu chữ của phần tử chứa chúng — một file SVG dùng được cho cả nền sáng lẫn nền tối, trong liên kết lẫn nút bấm. Hãy đặt width và height rõ ràng (hoặc đặt kích thước bằng CSS với 1em) để bố cục không bị xê dịch khi trang đang tải.

Icon hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc nằm cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu icon là nội dung duy nhất của nút hoặc liên kết, hãy gán cho phần tử đó một aria-label như “Ngôi sao”.

Giấy phép

Các icon ngôi sao này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — các bộ mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép sử dụng cá nhân và thương mại. Cần icon khác? Hãy tìm trong hơn 70.000 icon tại SVG Icon Finder.

Câu hỏi thường gặp

Các icon ngôi sao này có miễn phí cho mục đích thương mại không?
Có. Chúng đến từ các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, và các giấy phép này cho phép sử dụng thương mại. Hãy giữ lại thông báo giấy phép nếu bạn phân phối lại chính các file icon.
Làm sao để đổi màu icon ngôi sao?
Các file SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color trong CSS cho phần tử cha. Hoặc bạn có thể mở icon trong công cụ tìm kiếm và chọn một màu cố định trước khi sao chép.
Tôi có thể dùng các icon này trong Webflow hoặc React không?
Được. Mở một icon rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để lấy component React.