Incomex Hand-Draw Icon Library

Loại: Icon vẽ tay brushstroke / painterly, không phải icon công nghiệp/geometric. Dùng cho: Web UI, tài liệu nội bộ, Nuxt app, MOW canvas, agent-generated UI. Style: Mềm mại, thân thiện, organic, giữ texture vẽ tay.

Quy tắc định dạng BẮT BUỘC

• WebP là định dạng chính và duy nhất được dùng cho web.
• Web tuyệt đối không dùng PNG, kể cả fallback trong <picture> hoặc CSS image-set.
• PNG trong suốt chỉ dùng trong Word, Lark, slide deck và tài liệu nội bộ.
• SVG là wrapper raster; web vẫn ưu tiên WebP.

URL truy cập

• Catalog: https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/catalog.html
• Base URL: https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/
• CSS: https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/icons.css
• Download ZIP: https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/incomex-hand-draw-icons.zip

VPS Path

/opt/incomex/docker/nginx/static/ui-preview/assets/icons/hand-draw/

Cách dùng Web

<img src="https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/webp/edit.webp" width="32" height="32" alt="Edit">

<link rel="stylesheet" href="https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/icons.css">
<span class="bi bi-edit"></span>

Cách dùng tài liệu nội bộ

https://vps.incomexsaigoncorp.vn/ui-preview/assets/icons/hand-draw/png/edit.png

Danh sách Icons

megaphone, recruitment, org-chart, calculator, archive, training, server, robot, code, edit, delete, save, warning, settings, search, cart, talk, users, profile, smile, grin, tears-of-joy, applause, improve, brainstorm, growth, target.

Chính sách tránh nhầm lẫn

• Bộ geometric/Codex/industrial icon system đã bị gỡ khỏi VPS static path.
• Khi task nhắc icon vẽ tay, brushstroke, painterly, mềm mại, organic, non-industrial: dùng thư viện này.