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

Icon Tìm Kiếm Miễn Phí (SVG)

48 icon tìm kiếm từ các bộ mã nguồn mở — nhấn vào một icon để đổ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

search
Lucidesearch
Tablersearch
Bootstrap Iconssearch
Iconoirsearch-12-filled
Fluent UIsearch
Material Symbolssearch
Material Design Iconssearch
Carbonsearch-x
Lucidesearch-filled
Tablerdoc-search
Iconoirsearch-12-regular
Fluent UIsearch-rounded
Material Symbolscar-search
Material Design Iconsbook-search
Lucideeye-search
Tablerarea-search
Iconoirsearch-16-filled
Fluent UImap-search
Material Symbolscar-search-outline
Material Design Iconsfile-search
Lucidemap-search
Tablerpage-search
Iconoirsearch-16-regular
Fluent UImap-search-outline
Material Symbolssearch-add
Material Design Iconsmail-search
Lucidesearch-off
Tablersearch-font
Iconoirsearch-20-filled
Fluent UImap-search-outline-rounded
Material Symbolssearch-add-outline
Material Design Iconsscan-search
Lucidebell-search
Tablersearch-20-regular
Fluent UImap-search-outline-sharp
Material Symbolsmap-search
Material Design Iconssearch-code
Lucidefile-search
Tablersearch-24-filled
Fluent UImap-search-rounded
Material Symbolsmap-search-outline
Material Design Iconstext-search
Lucideflag-search
Tablersearch-24-regular
Fluent UImap-search-sharp
Material Symbolssearch-web
Material Design Iconsuser-search
Lucide

Cách dùng icon tìm kiếm

Biểu tượng kính lúp thường đánh dấu ô tìm kiếm và nút bấm; hãy đặt bên trong ô nhập ở bên trái, hoặc dùng dạng nút mở rộng thành ô nhập trên màn hình nhỏ.

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

Icon và khả năng truy cập

Nếu icon chỉ mang tính trang trí hoặc đi kèm 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ư “Tìm kiếm”.

Giấy phép

Các icon tìm kiếm này đến từ Lucide, Tabler, 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 thứ khác? Tìm trong hơn 70.000 icon tại SVG Icon Finder.

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

Các icon tìm kiếm 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, cho phép dùng thương mại. Hãy giữ 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 tìm kiếm?
Các 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 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 như một Code Embed) hoặc Copy JSX để dùng trong component React.