Tài Nguyên Nội Bộ

Thư Viện Ảnh Logo & Icon 5Zip

Trang tổng hợp mẫu thiết kế logo SVG chính thức và bộ 27 icon dùng trong hệ thống 5Zip.vn.

1. Các Mẫu Logo 5Zip

Mẫu logo định dạng vector SVG sắc nét, có thể tải về trực tiếp hoặc sao chép mã nguồn để sử dụng.

Mẫu Logo Gốc (Huy Hiệu Bo Góc)

105px × 38px

Logo chính thức sử dụng mặc định trên website. Thiết kế dạng huy hiệu xanh Teal bo tròn kết hợp vệt cam năng lượng ở góc dưới phải.

Nền Sáng

Nền Tối

Tải SVG

Mẫu Tối Giản Nằm Ngang (Không Nền)

110px × 38px

Phiên bản nằm ngang không hộp nền, giúp giao diện thanh thoát và tiết kiệm diện tích. Phù hợp cho thanh điều hướng dạng phẳng hoặc chân trang.

Nền Sáng

Nền Tối

Tải SVG

Mẫu Logo Vuông (Avatar Facebook / Zalo)

128px × 128px

Logo tỷ lệ vuông 1:1, bo tròn góc, chuyên dùng làm ảnh đại diện trên các mạng xã hội hoặc các nền tảng chat yêu cầu hiển thị khung vuông/tròn.

Nền Sáng

Nền Tối

Tải SVG

Mẫu Huy Hiệu Tròn (Icon-only)

64px × 64px

Phiên bản tối giản cực đại của thương hiệu. Phù hợp sử dụng làm favicon, ảnh đại diện (avatar) mạng xã hội dạng chỉ chứa icon hoặc biểu tượng app.

Nền Sáng

Nền Tối

Tải SVG

Mẫu Giao Diện Tối (Dark Mode)

105px × 38px

Logo tối ưu độ tương phản cho nền tối. Giữ nguyên vệt tam giác màu cam Hổ phách nhận diện thương hiệu trên hộp nền xanh Teal tối và viền Teal.

Nền Sáng

Nền Tối

Tải SVG

Màu sắc nhận diện chuẩn

Teal (Chủ đạo)

HEX: #0f766e

CSS: --teal

Nền xanh mòng két của logo gốc.

Amber (Hổ phách)

HEX: #f59e0b

CSS: --amber

Màu cam hổ phách làm điểm nhấn góc.

Light Teal (Xanh ngọc)

HEX: #14b8a6

CSS: --teal-light

Màu xanh ngọc dùng làm màu hover và phát sáng.

Dark Teal (Teal tối)

HEX: #0b2d36

CSS: --dark-deep

Nền xanh Teal đậm sâu dùng làm nền tối.

2. Bộ 27 Icon SVG — 5Zip

Sử dụng cấu trúc <Icon name="tên-icon" size={24} />. Icon sử dụng stroke="currentColor" để tự động biến đổi theo màu chữ.

Mặt trời

sun

Tia điện

zap

Bão

storm

Lốc xoáy

cyclone

Giọt nước

droplet

Lửa

flame

Vệ sinh

cleaning

Lấp lánh

sparkle

Cờ lê

wrench

Tiền

money

Nhà máy

factory

Cúp

trophy

Mục tiêu

target

Ngôi sao

star

Chìa khóa

key

Mũi tên lên

arrow-up

Mũi tên xuống

arrow-down

Mũi tên phải

arrow-right

Đã check

check-circle

Cảnh báo

alert-triangle

Trợ giúp

help-circle

Clipboard

clipboard

Ghim bản đồ

map-pin

Nhà

home

Tòa nhà

building

Cây cọ

palmtree

Vòng tròn xanh

blue-circle

Năng lượng & Thời tiết

Mặt trời

name="sun"

Tia điện

name="zap"

Bão

name="storm"

Lốc xoáy

name="cyclone"

Giọt nước

name="droplet"

Lửa

name="flame"

Vệ sinh & Bảo trì

Vệ sinh

name="cleaning"

Lấp lánh

name="sparkle"

Cờ lê

name="wrench"

Kinh doanh & Thị trường

Tiền

name="money"

Nhà máy

name="factory"

Cúp

name="trophy"

Mục tiêu

name="target"

Ngôi sao

name="star"

Giao diện & Điều hướng

Chìa khóa

name="key"

Mũi tên lên

name="arrow-up"

Mũi tên xuống

name="arrow-down"

Mũi tên phải

name="arrow-right"

Đã check

name="check-circle"

Cảnh báo

name="alert-triangle"

Trợ giúp

name="help-circle"

Clipboard

name="clipboard"

Vị trí & Địa lý

Ghim bản đồ

name="map-pin"

Nhà

name="home"

Tòa nhà

name="building"

Cây cọ

name="palmtree"

Trang trí

Vòng tròn xanh

name="blue-circle"

Kiểm tra trên nền tối

sun

zap

storm

cyclone

droplet

flame

cleaning

sparkle

wrench

money

factory

trophy

Kích thước mẫu

12px

16px

20px

24px

32px

48px