alvin/Challenge_14_Magazijn_App_plannen
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Challenge_14_Magazijn_App_plannen.git synced 2026-03-06 11:06:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor favicon.svg to remove gradients and simplify design elements

Browse Source
This commit is contained in:
Alvin
2025-10-02 11:04:15 +02:00
parent 51d5c9e119
commit 3f3993d332
1 changed files with 10 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
concept/assets/favicon.svg
View File

@@ -1,50 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="32" height="32" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<!-- Background --> <!-- Vista College Color Palette: #FEFEFE, #CCCECF, #D3705A, #CD977E, #1F4952 -->
<defs>
<linearGradient id="buildingGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4A90E2;stop-opacity:1" />
<stop offset="100%" style="stop-color:#357ABD;stop-opacity:1" />
</linearGradient>
<linearGradient id="roofGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#FF6B6B;stop-opacity:1" />
<stop offset="100%" style="stop-color:#EE5253;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Main Building --> <!-- Main Building -->
<rect x="4" y="12" width="24" height="16" fill="url(#buildingGradient)" rx="1"/> <rect x="4" y="12" width="24" height="16" fill="#1F4952" rx="1"/>
<!-- Roof with 3D effect --> <!-- Roof with 3D effect -->
<path d="M2 12L16 4L30 12L16 8Z" fill="url(#roofGradient)"/> <path d="M2 12L16 4L30 12L16 8Z" fill="#D3705A"/>
<!-- Main Door with 3D effect --> <!-- Main Door -->
<path d="M13 16h6v12h-6z" fill="#2D3436"/> <rect x="13" y="16" width="6" height="12" fill="#CD977E"/>
<path d="M13 16h1v12h-1z" fill="#636E72"/> <circle cx="18" cy="22" r="0.5" fill="#FEFEFE"/>
<circle cx="18" cy="22" r="0.5" fill="#FFD32A"/>
<!-- Windows --> <!-- Windows -->
<rect x="7" y="15" width="3" height="3" fill="#74B9FF" rx="0.5"/> <rect x="7" y="15" width="3" height="3" fill="#CCCECF" rx="0.5"/>
<rect x="22" y="15" width="3" height="3" fill="#74B9FF" rx="0.5"/> <rect x="22" y="15" width="3" height="3" fill="#CCCECF" rx="0.5"/>
<!-- Shelves with boxes -->
<g transform="translate(6,20)">
<!-- Left shelf -->
<rect width="4" height="0.8" fill="#636E72"/>
<rect x="0.5" y="-1.5" width="1.2" height="1.2" fill="#FAB1A0"/>
<rect x="2.2" y="-1.5" width="1.2" height="1.2" fill="#81ECEC"/>
</g>
<g transform="translate(22,20)">
<!-- Right shelf -->
<rect width="4" height="0.8" fill="#636E72"/>
<rect x="0.5" y="-1.5" width="1.2" height="1.2" fill="#55EFC4"/>
<rect x="2.2" y="-1.5" width="1.2" height="1.2" fill="#FFEAA7"/>
</g>
<!-- Loading Dock --> <!-- Loading Dock -->
<rect x="11" y="27" width="10" height="1" fill="#636E72"/> <rect x="11" y="27" width="10" height="1" fill="#CCCECF"/>
<!-- Subtle Shadow --> <!-- Subtle Shadow -->
<rect x="4" y="28" width="24" height="0.5" fill="rgba(0,0,0,0.2)"/> <rect x="4" y="28" width="24" height="0.5" fill="rgba(0,0,0,0.2)"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 929 B