#14711 Restyle tiling icons to match Maximize Windows design

Update TileWindows, TileVertically, and TileHorizontally icons to use
a flat, pastel-fill/colored-stroke style consistent with the existing
Maximize Windows icon, replacing the previous bright gradient/dot
design.
This commit is contained in:
Magne Sjaastad committed 2026-09-15 05:01:17 -04:00
1 parent b4aededbdb
commit 2474e8885e
3 files changed
+14 -70

No files matched your search

@@ -3,31 +3,11 @@
width="24"
height="24">
<defs>
<linearGradient id="leftGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#60a5fa"/>
<stop offset="100%" stop-color="#2563eb"/>
</linearGradient>
<!-- Left window -->
<rect x="3" y="3" width="8" height="18" rx="1.5"
fill="#DCEBFF" stroke="#4F8EF7" stroke-width="1.5"/>
<linearGradient id="rightGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#34d399"/>
<stop offset="100%" stop-color="#059669"/>
</linearGradient>
</defs>
<rect x="2" y="3" width="20" height="18" rx="3"
fill="#ffffff"
stroke="#cbd5e1"
stroke-width="1"/>
<rect x="4" y="5" width="7.5" height="14" rx="1.5"
fill="url(#leftGrad)"/>
<rect x="12.5" y="5" width="7.5" height="14" rx="1.5"
fill="url(#rightGrad)"/>
<rect x="5" y="6" width="3" height="1" rx="0.5"
fill="rgba(255,255,255,.9)"/>
<rect x="13.5" y="6" width="3" height="1" rx="0.5"
fill="rgba(255,255,255,.9)"/>
<!-- Right window -->
<rect x="13" y="3" width="8" height="18" rx="1.5"
fill="#DFF5E3" stroke="#34A853" stroke-width="1.5"/>
</svg>

Before

Width:  |  Height:  |  Size: 972 B

After

Width:  |  Height:  |  Size: 380 B

@@ -3,35 +3,11 @@
width="24"
height="24">
<defs>
<linearGradient id="topGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#60a5fa"/>
<stop offset="100%" stop-color="#2563eb"/>
</linearGradient>
<linearGradient id="bottomGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#34d399"/>
<stop offset="100%" stop-color="#059669"/>
</linearGradient>
</defs>
<!-- Outer frame -->
<rect x="2" y="3" width="20" height="18" rx="3"
fill="#ffffff"
stroke="#cbd5e1"
stroke-width="1"/>
<!-- Top window -->
<rect x="4" y="5" width="16" height="6.5" rx="1.5"
fill="url(#topGrad)"/>
<rect x="3" y="3" width="18" height="8" rx="1.5"
fill="#DCEBFF" stroke="#4F8EF7" stroke-width="1.5"/>
<!-- Bottom window -->
<rect x="4" y="12.5" width="16" height="6.5" rx="1.5"
fill="url(#bottomGrad)"/>
<!-- Title bars -->
<rect x="5" y="6" width="3" height="1" rx="0.5"
fill="white" opacity="0.9"/>
<rect x="5" y="13.5" width="3" height="1" rx="0.5"
fill="white" opacity="0.9"/>
<rect x="3" y="13" width="18" height="8" rx="1.5"
fill="#DFF5E3" stroke="#34A853" stroke-width="1.5"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 380 B

+4 -16
View File
@@ -1,25 +1,13 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<!-- Top Left Window -->
<rect x="2" y="2" width="13" height="13" rx="2" fill="#4F8EF7"/>
<rect x="2" y="2" width="13" height="3" rx="2" fill="#2D6CDF"/>
<circle cx="4.5" cy="3.5" r="0.5" fill="white"/>
<circle cx="6.5" cy="3.5" r="0.5" fill="white"/>
<rect x="4" y="4" width="10" height="10" rx="2" fill="#DCEBFF" stroke="#4F8EF7" stroke-width="2"/>
<!-- Top Right Window -->
<rect x="17" y="2" width="13" height="13" rx="2" fill="#34C759"/>
<rect x="17" y="2" width="13" height="3" rx="2" fill="#23A847"/>
<circle cx="19.5" cy="3.5" r="0.5" fill="white"/>
<circle cx="21.5" cy="3.5" r="0.5" fill="white"/>
<rect x="18" y="4" width="10" height="10" rx="2" fill="#DFF5E3" stroke="#34A853" stroke-width="2"/>
<!-- Bottom Left Window -->
<rect x="2" y="17" width="13" height="13" rx="2" fill="#FF9500"/>
<rect x="2" y="17" width="13" height="3" rx="2" fill="#E07F00"/>
<circle cx="4.5" cy="18.5" r="0.5" fill="white"/>
<circle cx="6.5" cy="18.5" r="0.5" fill="white"/>
<rect x="4" y="18" width="10" height="10" rx="2" fill="#FFF0CC" stroke="#F5A623" stroke-width="2"/>
<!-- Bottom Right Window -->
<rect x="17" y="17" width="13" height="13" rx="2" fill="#AF52DE"/>
<rect x="17" y="17" width="13" height="3" rx="2" fill="#8E44BE"/>
<circle cx="19.5" cy="18.5" r="0.5" fill="white"/>
<circle cx="21.5" cy="18.5" r="0.5" fill="white"/>
<rect x="18" y="18" width="10" height="10" rx="2" fill="#EFE0FA" stroke="#9B59B6" stroke-width="2"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 617 B