01 — Construction
Icon Grid System
All icons are built on a precise 24×24 pixel grid with consistent proportions derived from the Solmex logo geometry.
24px
Base grid size for all icons
1.5px
Standard stroke weight
2px
Corner radius (rounded caps)
2px
Safe zone padding
02 — Scaling
Size System
Icons scale proportionally. Use these standard sizes for consistency.
16px
Dense UI
20px
Navigation
24px
Standard
32px
Feature
48px
Hero
03 — Stroke Weight
Weight Variations
Adjust stroke weight based on context while maintaining visual consistency.
1px
Light / Small sizes
1.5px
Standard (default)
2px
Bold / Emphasis
2.5px
Heavy / Large sizes
04 — Icon Library
Complete Set
Core icons for operations, navigation, status, and actions.
Operations & Logistics
shipment
route
schedule
terminal
truck
railcar
inventory
dashboard
Movement & Flow
arrow-right
transfer
delivered
in-transit
loading
unloading
sync
dispatch
Compliance & Safety
secure
verified
warning
error
info
locked
unlocked
document
Data & Analytics
chart-bar
analytics
chart-pie
trending-up
trending-down
database
processor
network
Actions
search
add
remove
edit
delete
download
upload
settings
05 — Downloads
Download Icon Set
Get the complete Solmex icon library for use in your projects.
Usage Instructions
<img src="svg/icon-name.svg" alt="Icon" /><svg><use href="svg/icon-name.svg"/></svg>background-image: url('svg/icon-name.svg');
All icons are optimized SVG files with consistent styling. They use stroke="#FF943B" (Solmex Orange) and can be customized via CSS or by editing the SVG directly.