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

Icon Bookmark Miễn Phí (SVG)

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

Cập nhật

bookmark
Lucidebookmark
Tablerbookmark
Heroiconsbookmark
Phosphorbookmark
Bootstrap Iconsbookmark
Iconoirbookmark-12-filled
Fluent UIbookmark
Material Symbolsbookmark
Material Design Iconsbookmark
Carbonbookmark-x
Lucidebookmark-filled
Tablerbookmark-16-solid
Heroiconsbookmark-bold
Phosphorbookmark-fill
Bootstrap Iconsbookmark-solid
Iconoirbookmark-12-regular
Fluent UIbookmark-outline
Material Symbolsbookmark-outline
Material Design Iconsbookmark-filled
Carbonbookmark-off
Lucidebookmark-ai
Tablerbookmark-20-solid
Heroiconsbookmark-duotone
Phosphorbookmark-x
Bootstrap Iconsbookmark-book
Iconoirbookmark-16-filled
Fluent UIbookmark-outline-rounded
Material Symbolsbookmark-box
Material Design Iconsbookmark-add
Carbonbook-bookmark
Lucidebookmark-off
Tablerbookmark-solid
Heroiconsbookmark-fill
Phosphorbookmark-x-fill
Bootstrap Iconsbookmark-16-regular
Fluent UIbookmark-outline-sharp
Material Symbolsbookmark-box-outline
Material Design Iconsbookmark-plus
Lucidebookmark-edit
Tablerbookmark-light
Phosphorbookmark-dash
Bootstrap Iconsbookmark-20-filled
Fluent UIbookmark-rounded
Material Symbolsbookmark-off
Material Design Iconsbookmark-plus
Tablerbookmark-thin
Phosphorbookmark-dash-fill
Bootstrap Icons

Cách dùng icon bookmark

Bookmark dùng để lưu các mục cần đọc hoặc dùng sau.

Tất cả icon ở đâ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 có thể dùng trên cả nền sáng lẫn nền tối, trong liên kết và trong nút. 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 đứng 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 một nút hoặc liên kết, hãy gán cho phần tử đó một aria-label, chẳng hạn “Bookmark”.

Giấy phép

Các icon bookmark 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 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 bookmark này có miễn phí để dùng 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ữ 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 icon.
Làm sao để đổi màu icon bookmark?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color 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 khối Code Embed) hoặc Copy JSX để lấy component React.