jcreek/OpenNetworkDiagram
1
0
Fork 0
mirror of https://github.com/jcreek/OpenNetworkDiagram.git synced 2026-07-12 18:43:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(#5): add icon presets, dark mode theme store, and icon-aware graph rendering

Browse Source
This commit is contained in:
Josh Creek
2026-02-25 19:32:11 +00:00
parent b9c7d9eee0
commit 2f4a784646
12 changed files with 195 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/icons/cloud.svg
+3
View File
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<path d="M24 46h24a10 10 0 0 0 2-19 14 14 0 0 0-27-2 9 9 0 0 0 1 21z" fill="#0ea5e9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 169 B

static/icons/desktop.svg
+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<rect x="10" y="10" width="44" height="30" rx="4" fill="#7c3aed"/>
<rect x="24" y="42" width="16" height="6" rx="2" fill="#c4b5fd"/>
<rect x="18" y="50" width="28" height="4" rx="2" fill="#a78bfa"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 285 B

static/icons/router.svg
+7
View File
@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<rect x="9" y="24" width="46" height="20" rx="5" fill="#2563eb"/>
<path d="M18 20c4-4 8-6 14-6s10 2 14 6" stroke="#93c5fd" stroke-width="3" stroke-linecap="round"/>
<path d="M22 24c3-3 6-4 10-4s7 1 10 4" stroke="#bfdbfe" stroke-width="2.5" stroke-linecap="round"/>
<circle cx="20" cy="34" r="2" fill="#dbeafe"/>
<circle cx="28" cy="34" r="2" fill="#dbeafe"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 449 B

static/icons/server.svg
+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<rect x="10" y="10" width="44" height="18" rx="4" fill="#0ea5e9"/>
<rect x="10" y="36" width="44" height="18" rx="4" fill="#0284c7"/>
<circle cx="18" cy="19" r="2" fill="#e0f2fe"/>
<circle cx="18" cy="45" r="2" fill="#e0f2fe"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 316 B

static/icons/storage.svg
+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<rect x="12" y="10" width="40" height="44" rx="6" fill="#16a34a"/>
<rect x="18" y="18" width="28" height="8" rx="2" fill="#dcfce7"/>
<rect x="18" y="30" width="28" height="8" rx="2" fill="#dcfce7"/>
<rect x="18" y="42" width="28" height="8" rx="2" fill="#dcfce7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 353 B

static/icons/switch.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
<rect x="8" y="18" width="48" height="28" rx="6" fill="#f59e0b"/>
<rect x="14" y="26" width="8" height="4" rx="1" fill="#fff7ed"/>
<rect x="24" y="26" width="8" height="4" rx="1" fill="#fff7ed"/>
<rect x="34" y="26" width="8" height="4" rx="1" fill="#fff7ed"/>
<rect x="44" y="26" width="6" height="4" rx="1" fill="#fff7ed"/>
<rect x="14" y="34" width="8" height="4" rx="1" fill="#fff7ed"/>
<rect x="24" y="34" width="8" height="4" rx="1" fill="#fff7ed"/>
<rect x="34" y="34" width="8" height="4" rx="1" fill="#fff7ed"/>
<rect x="44" y="34" width="6" height="4" rx="1" fill="#fff7ed"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 684 B