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

Icon Email Miễn Phí (SVG)

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

Cập nhật

mail
Lucidemail
Tablermail
Iconoirmail-12-filled
Fluent UImail
Material Symbolsmail
Material Design Iconsmail-all
Carbonmail-x
Lucidemail-filled
Tablermail-solid
Iconoirmail-12-regular
Fluent UImail-outline
Material Symbolsemail-outline
Material Design Iconsmail-dot
Lucidemail-x
Tablermail-in
Iconoirmail-16-filled
Fluent UImail-outline-rounded
Material Symbolsmail-pen
Lucidemail-ai
Tablermail-in-solid
Iconoirmail-16-regular
Fluent UImail-outline-sharp
Material Symbolsmail-open
Lucidemail-up
Tablermail-out
Iconoirmail-20-filled
Fluent UImail-rounded
Material Symbolsmail-plus
Lucidemail-cog
Tablermail-out-solid
Iconoirmail-20-regular
Fluent UImail-sharp
Material Symbolsmail-off
Tablermail-open
Iconoirmail-24-filled
Fluent UImail-off
Material Symbolsmail-pin
Tablermail-open-solid
Iconoirmail-24-regular
Fluent UImail-off-outline
Material Symbolsmail-bolt
Tablersend-mail
Iconoirmail-28-filled
Fluent UImail-off-outline-rounded
Material Symbolsmail-code
Tablersend-mail-solid
Iconoirmail-28-regular
Fluent UI

Cách dùng icon email

Icon phong bì thường đánh dấu địa chỉ email, form đăng ký nhận bản tin và hộp thư đến.

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 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 bằng CSS với 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 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ư “Email”.

Giấy phép

Các icon email này đến từ Lucide, Tabler, Iconoir, Fluent UI, Material Symbols, Material Design Icons và Carbon, đều là 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 icon 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 email 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, đều cho phép 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ữ nguyên thông báo giấy phép.
Làm thế nào để đổi màu icon email?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color trong CSS của 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ó thể dùng các icon này trong Webflow hoặc React không?
Được. Mở một icon rồi dùng Sao chép cho Webflow (dán thành Code Embed) hoặc Sao chép JSX để lấy component React.