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

Icon Tag miễn phí (SVG)

48 icon tag miễn phí từ các bộ icon mã nguồn mở — nhấp 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

tag
Lucidetag
Tablertag
Heroiconstag
Phosphortag
Bootstrap Iconsar-tag
Iconoirtag-16-filled
Fluent UItag
Material Symbolstag
Material Design Iconstag
Carbontag-x
Lucidetag-filled
Tablertag-16-solid
Heroiconstag-bold
Phosphortag-fill
Bootstrap Iconsev-tag
Iconoirtag-16-regular
Fluent UItag-rounded
Material Symbolstag-outline
Material Design Iconstag-edit
Carbontag-plus
Lucidetag-off
Tablertag-20-solid
Heroiconstag-duotone
Phosphorfx-tag
Iconoirtag-20-filled
Fluent UIcar-tag
Material Symbolstag-off
Material Design Iconstag-none
Carbontag-plus
Tablertag-solid
Heroiconstag-fill
Phosphorfx-tag-solid
Iconoirtag-20-regular
Fluent UIcar-tag-outline
Material Symbolstag-off-outline
Material Design Iconstag-light
Phosphoron-tag
Iconoirtag-24-filled
Fluent UIcar-tag-outline-rounded
Material Symbolstag-edit
Material Design Iconstag-thin
Phosphorvr-tag
Iconoirtag-24-regular
Fluent UIcar-tag-outline-sharp
Material Symbolstag-edit-outline
Material Design Iconsoff-tag
Iconoirtag-28-filled
Fluent UI

Sử dụng icon tag

Tag dùng để đánh dấu nhãn, danh mục, giá và mức giảm giá.

Tất cả icon ở đây đều tuân theo currentColor, nên chúng lấy màu chữ của phần tử chứa nó — một SVG dùng được trên 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.

Icon hỗ trợ 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 icon là nội dung duy nhất của nút hoặc liên kết, hãy đặt cho phần tử đó một aria-label như “Tag”.

Giấy phép

Các icon tag 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 tag 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 sử dụng thương mại. Nếu bạn phân phối lại chính các file icon, hãy giữ lại thông báo giấy phép.
Làm sao để đổi màu icon tag?
Các SVG dùng currentColor, nên bạn chỉ cần đặt màu 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 một Code Embed) hoặc Copy JSX cho component React.