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

Icon Dấu Cộng Miễn Phí (SVG)

48 icon dấu cộng 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à độ dày nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

plus
Lucideplus
Tablerplus
Heroiconsplus
Phosphorplus
Bootstrap Iconsplus
Iconoir1k-plus
Material Symbolsplus
Material Design Iconsmap-plus
Lucideplus-filled
Tablerplus-16-solid
Heroiconsplus-bold
Phosphorplus-lg
Bootstrap Iconskey-plus
Iconoir1k-plus-outline
Material Symbolsplus-outline
Material Design Iconseye-plus
Tablerplus-20-solid
Heroiconsplus-duotone
Phosphor1k-plus-outline-rounded
Material Symbolseye-plus
Material Design Iconsmap-plus
Tablerplus-solid
Heroiconsplus-fill
Phosphor1k-plus-outline-sharp
Material Symbolseye-plus-outline
Material Design Iconstag-plus
Tablerplus-light
Phosphor1k-plus-rounded
Material Symbolsfan-plus
Material Design Iconsplus-thin
Phosphor1k-plus-sharp
Material Symbolskey-plus
Material Design Icons2k-plus
Material Symbolsmap-plus
Material Design Icons2k-plus-outline
Material Symbolsplus-one
Material Design Icons2k-plus-outline-rounded
Material Symbolspen-plus
Material Design Icons2k-plus-outline-sharp
Material Symbolsplus-box
Material Design Icons2k-plus-rounded
Material Symbolsplus-box-outline
Material Design Icons2k-plus-sharp
Material Symbolstab-plus
Material Design Icons3k-plus
Material Symbolstag-plus
Material Design Icons3k-plus-outline
Material Symbols

Cách dùng icon dấu cộng

Dấu cộng dùng để thêm mục mới, mở “tạo mới” và mở rộng các phần nội dung.

Tất cả icon ở đây đều kế thừa currentColor, nên chúng lấy 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 trong CSS bằng 1em) để bố cục không bị xô lệ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ị sẵn, 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ư “Thêm”.

Giấy phép

Các icon dấu cộng này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons — 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 dấu cộng 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ữ 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 dấu cộng?
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 trình tìm kiếm và chọn một màu cố định trước khi sao chép.
Tôi có dùng các icon này trong Webflow hoặc React được không?
Được. Mở một icon và dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để dùng trong component React.