fix: rebuild refresh icon with dashed circle + arrow triangles at gaps

This commit is contained in:
MinaSaad1 2026-04-02 17:08:07 +02:00
parent be79eb94f3
commit beba2af69e

View file

@ -84,23 +84,21 @@
<circle cx="734" cy="92" r="14" fill="#d97757"/>
<text x="734" y="98" font-family="'Segoe UI', Arial, sans-serif" font-size="15" fill="#0d1117" text-anchor="middle" font-weight="bold">4</text>
<text x="734" y="126" font-family="'Segoe UI', Arial, sans-serif" font-size="14" fill="#d97757" text-anchor="middle" font-weight="bold">Reopen</text>
<!-- Refresh/cycle icon -->
<g transform="translate(709, 142)">
<!-- Two-arrow circular refresh using semicircles with gap -->
<!-- Right half arc (orange): top-right to bottom-right -->
<path d="M 25,0 A 22,22 0 0,1 25,44" fill="none" stroke="#d97757" stroke-width="3" stroke-linecap="round"/>
<!-- Orange arrowhead at bottom -->
<polygon points="25,44 19,38 31,38" fill="#d97757"/>
<!-- Refresh/cycle icon using dashed circle + two arrow triangles -->
<g transform="translate(710, 142)">
<!-- Circle outline split visually by arrows -->
<circle cx="24" cy="24" r="22" fill="none" stroke="#d97757" stroke-width="2.5" stroke-dasharray="34.5 34.5" stroke-dashoffset="0"/>
<circle cx="24" cy="24" r="22" fill="none" stroke="#06d6a0" stroke-width="2.5" stroke-dasharray="34.5 34.5" stroke-dashoffset="34.5"/>
<!-- Left half arc (green): bottom-left to top-left -->
<path d="M 25,44 A 22,22 0 0,1 25,0" fill="none" stroke="#06d6a0" stroke-width="3" stroke-linecap="round"/>
<!-- Green arrowhead at top -->
<polygon points="25,0 19,6 31,6" fill="#06d6a0"/>
<!-- Arrow at top: green arc ends here, points right -->
<polygon points="33,3 27,0 30,9" fill="#06d6a0"/>
<!-- Arrow at bottom: orange arc ends here, points left -->
<polygon points="15,45 21,48 18,39" fill="#d97757"/>
<!-- Center PBI mini icon -->
<rect x="14" y="12" width="7" height="20" rx="2" fill="#F2C811" opacity="0.6"/>
<rect x="22" y="17" width="7" height="15" rx="2" fill="#F2C811" opacity="0.8"/>
<rect x="30" y="21" width="7" height="11" rx="2" fill="#F2C811"/>
<rect x="13" y="13" width="7" height="20" rx="2" fill="#F2C811" opacity="0.6"/>
<rect x="21" y="18" width="7" height="15" rx="2" fill="#F2C811" opacity="0.8"/>
<rect x="29" y="22" width="7" height="11" rx="2" fill="#F2C811"/>
</g>
<text x="734" y="205" font-family="'Segoe UI', Arial, sans-serif" font-size="12" fill="#8b949e" text-anchor="middle">PBIR restored,</text>
<text x="734" y="221" font-family="'Segoe UI', Arial, sans-serif" font-size="12" fill="#d97757" text-anchor="middle" font-weight="600">Desktop reopens</text>

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB