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

Biểu tượng cài đặt SVG miễn phí

48 biểu tượng cài đặt từ các bộ mã nguồn mở. Nhấn vào một biểu tượng để đổi kích thước, màu sắc và nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

settings
Lucidesettings
Tablersettings
Iconoirsettings-16-filled
Fluent UIsettings
Material Symbolssettings
Material Design Iconssettings
Carbonsettings-2
Lucidesettings-filled
Tablerios-settings
Iconoirsettings-16-regular
Fluent UIsettings-outline
Material Symbolssettings-outline
Material Design Iconssettings-edit
Carbonsettings-2
Tablersettings-20-filled
Fluent UIsettings-outline-rounded
Material Symbolscar-settings
Material Design Iconssettings-view
Carbonsettings-x
Tablersettings-20-regular
Fluent UIsettings-rounded
Material Symbolssettings-off
Material Design Iconssync-settings
Carbonsettings-ai
Tablersettings-24-filled
Fluent UIsettings-cell
Material Symbolssettings-off-outline
Material Design Iconstask-settings
Carbonsettings-up
Tablersettings-24-regular
Fluent UIrule-settings
Material Symbolseye-settings
Material Design Iconsuser-settings
Carbonsettings-cog
Tablersettings-28-filled
Fluent UIrule-settings-rounded
Material Symbolseye-settings-outline
Material Design Iconssettings-off
Tablersettings-28-regular
Fluent UIbell-settings
Material Design Iconssettings-pin
Tablersettings-32-filled
Fluent UIbell-settings-outline
Material Design Iconsfile-settings
Tablersettings-32-light
Fluent UIbook-settings
Material Design Iconsfile-settings-filled
Tabler

Cách dùng biểu tượng cài đặt

Hình bánh răng (cog) mở cài đặt và tùy chọn; biểu tượng thanh trượt (sliders) là lựa chọn thay thế phổ biến cho bộ lọc.

Tất cả biểu tượng ở đây đều theo currentColor, nên chúng nhận màu chữ của phần tử chứa chúng. Một SVG dùng được trên 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 rõ width và height (hoặc chỉnh kích thước trong CSS bằng 1em) để bố cục không bị xô lệch khi trang đang tải.

Biểu tượng dễ tiếp cận

Nếu biểu tượng 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 nó 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ư “Cài đặt”.

Giấy phép

Các biểu tượng cài đặt này đến từ Lucide, Tabler, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon. Đây là 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 thứ khác? Tìm trong hơn 70.000 biểu tượng tại SVG Icon Finder.

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

Biểu tượng cài đặt này có miễn phí cho mục đích thương mại không?
Có. Chúng đến từ các bộ biểu tượng mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, 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 tệp biểu tượng.
Làm sao để đổi màu biểu tượng cài đặt?
Các SVG dùng currentColor, nên bạn chỉ cần đặt color CSS cho phần tử cha. Hoặc mở biểu tượng 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 biểu tượng này trong Webflow hoặc React không?
Có. Mở một biểu tượng rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX cho component React.