Tạo Icon Microsoft Teams — Icon Màu 192px và Outline 32px
Tạo icon màu 192×192 và icon outline 32×32 cho ứng dụng Microsoft Teams. Miễn phí, xử lý 100% trên trình duyệt, đáp ứng đúng yêu cầu của Teams Developer Portal.
Tại Sao Dùng Công Cụ Này?
Microsoft Teams là nền tảng cộng tác doanh nghiệp tích hợp trong Microsoft 365, với hàng trăm triệu người dùng. Xây dựng ứng dụng Teams yêu cầu hai icon: icon toàn màu cho danh sách cửa hàng và icon outline đơn giản cho sidebar Teams. Yêu cầu vùng an toàn (vòng tròn 120px trong canvas 192px) dễ bị làm sai nếu không có công cụ phù hợp.
Bảng Kích Thước Icon Microsoft Teams (2026)
| Loại Icon | Kích Thước (pixel) | Vùng An Toàn | Ghi Chú |
|---|---|---|---|
| Icon Màu | 192×192 | Vòng tròn 120×120 ở giữa | Cửa hàng ứng dụng, activity feed |
| Icon Outline | 32×32 | Toàn canvas | Trắng trên trong suốt, sidebar |
Bảo Mật — Xử Lý 100% Trên Trình Duyệt
Ảnh của bạn được xử lý hoàn toàn trong trình duyệt bằng HTML5 Canvas API. Không có gì được upload lên server. Bạn có thể kiểm chứng bằng cách ngắt kết nối internet sau khi tải trang — công cụ vẫn hoạt động offline.
Mẹo: Vùng an toàn icon màu (120×120 ở giữa 192×192) rất quan trọng — Teams bo tròn icon thành hình tròn và cắt các góc. Mọi nội dung ngoài vòng tròn 120px ở giữa sẽ bị cắt. 36px bên ngoài ở mỗi cạnh chỉ là đệm nền bị cắt đi.
Mẹo Cho Icon Microsoft Teams
- Vùng an toàn icon màu — thiết kế logo hoặc biểu tượng thực tế vừa trong vòng tròn 120×120 ở giữa. Vùng đệm 36px xung quanh trở thành nền bo tròn mà Teams cắt bỏ.
- Icon outline phải là trắng trên nền trong suốt, 32×32 pixel. Đây là silhouette đơn giản của icon màu, không phải phiên bản chi tiết. Đường mảnh có thể biến mất ở kích thước này — dùng nét ít nhất 2px.
- Màu nền cho icon màu — dùng màu thương hiệu làm nền đầy đủ của canvas 192×192. Teams áp dụng mặt nạ tròn, vì vậy nền sẽ hiển thị là màu xung quanh icon.
- Đóng gói icon trong
manifest.jsondưới"icons": { "color": "color.png", "outline": "outline.png" }. - Submit qua App Studio (nay là Teams Toolkit) hoặc Teams Developer Portal (dev.teams.microsoft.com) để xác thực trước khi publish.