SVG Vector Diagrams for MikroTik Devices
Budget: $30 – $250 USD
I need professionally designed SVG vector diagrams for 19 different MikroTik network devices. These diagrams will be used in a network management/monitoring application where individual ports and LEDs need to be highlighted dynamically.
Requirements:
Format: SVG (Scalable Vector Graphics)
Accuracy: Each diagram must accurately represent the physical front panel layout of the device, showing:
All network ports (ethernet, SFP, SFP+, QSFP, etc.)
All LED indicators
Port labels/numbering as shown on the actual device
Device model label
Technical specifications:
Scalable: Diagrams must maintain quality at different sizes
Layered/Separated elements: Each port and LED must be a separate SVG element with unique IDs so they can be individually styled/highlighted via CSS or JavaScript
Clean code: Well-structured SVG code with meaningful element IDs (e.g., port-1, port-2, led-power, etc.)
Consistent style: All devices should follow the same visual design language
Deliverables:
19 individual SVG files (one per device)
Each element (port/LED) must have a unique, descriptive ID
Documentation showing the naming convention used for IDs
Device List:
CRS354-48P-4S+2Q+RM
CRS354-48G-4S+2Q+RM
CRS328-4C-20S-4S+RM
CRS326-24S+2Q+RM
CRS326-4C+20G-2Q+RM
CRS328-24P-4S+RM
CRS326-24G-2S+RM
CRS317-1G-16S+RM
CRS305-1G-4S+IN
CRS418-8P-8G+2S+RM
CCR2004-1G-12S+2XS
CCR2004-16G-2S+
RB960PGS
hEX S
L009UiGS-RM
RB4011iGS+RM
RB5009UPr+S+IN
RB5009UG+S+IN
hEX S 2025
Example use case:
In our application, we need to be able to change the color of port 5 to green (indicating active), or make LED 2 blink red (indicating an error). This requires each element to be separately addressable in the SVG.
Skills required:
SVG illustration/design
Attention to detail
Understanding of network hardware (preferred)
Experience with creating technical diagrams
Please include examples of similar technical SVG work in your proposal.
Requirements:
Format: SVG (Scalable Vector Graphics)
Accuracy: Each diagram must accurately represent the physical front panel layout of the device, showing:
All network ports (ethernet, SFP, SFP+, QSFP, etc.)
All LED indicators
Port labels/numbering as shown on the actual device
Device model label
Technical specifications:
Scalable: Diagrams must maintain quality at different sizes
Layered/Separated elements: Each port and LED must be a separate SVG element with unique IDs so they can be individually styled/highlighted via CSS or JavaScript
Clean code: Well-structured SVG code with meaningful element IDs (e.g., port-1, port-2, led-power, etc.)
Consistent style: All devices should follow the same visual design language
Deliverables:
19 individual SVG files (one per device)
Each element (port/LED) must have a unique, descriptive ID
Documentation showing the naming convention used for IDs
Device List:
CRS354-48P-4S+2Q+RM
CRS354-48G-4S+2Q+RM
CRS328-4C-20S-4S+RM
CRS326-24S+2Q+RM
CRS326-4C+20G-2Q+RM
CRS328-24P-4S+RM
CRS326-24G-2S+RM
CRS317-1G-16S+RM
CRS305-1G-4S+IN
CRS418-8P-8G+2S+RM
CCR2004-1G-12S+2XS
CCR2004-16G-2S+
RB960PGS
hEX S
L009UiGS-RM
RB4011iGS+RM
RB5009UPr+S+IN
RB5009UG+S+IN
hEX S 2025
Example use case:
In our application, we need to be able to change the color of port 5 to green (indicating active), or make LED 2 blink red (indicating an error). This requires each element to be separately addressable in the SVG.
Skills required:
SVG illustration/design
Attention to detail
Understanding of network hardware (preferred)
Experience with creating technical diagrams
Please include examples of similar technical SVG work in your proposal.