Simplify icon design to </..> style

- Changed icon to minimalist </..> design
- Unified icon.svg and favicon.svg to be identical
- Improved readability at small sizes
- Removed text in favor of abstract dots representation
This commit is contained in:
Edwin Noorlander 2025-11-19 15:52:09 +01:00
parent 57fd9f303c
commit f2e06f3a75
2 changed files with 13 additions and 28 deletions

View File

@ -1,23 +1,11 @@
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<defs> <!-- < -->
<linearGradient id="codepress-gradient-small" x1="0%" y1="0%" x2="100%" y2="100%"> <path d="M8 8 L3 16 L8 24" stroke="#ffffff" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
<stop offset="0%" style="stop-color:#0d6efd;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6610f2;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background circle --> <!-- / -->
<circle cx="8" cy="8" r="7.5" fill="url(#codepress-gradient-small)" stroke="#ffffff" stroke-width="0.5"/> <path d="M12 24 L18 8" stroke="#ffffff" stroke-width="3" stroke-linecap="round"/>
<!-- Code brackets --> <!-- .. -->
<path d="M4 5 L3 6 L3 10 L4 11" stroke="#ffffff" stroke-width="1" fill="none" stroke-linecap="round"/> <circle cx="22" cy="20" r="2" fill="#ffffff"/>
<path d="M12 5 L13 6 L13 10 L12 11" stroke="#ffffff" stroke-width="1" fill="none" stroke-linecap="round"/> <circle cx="28" cy="20" r="2" fill="#ffffff"/>
<!-- Code slash -->
<path d="M7 4 L9 12" stroke="#ffffff" stroke-width="1" stroke-linecap="round"/>
<!-- Press dots -->
<circle cx="6" cy="13" r="0.75" fill="#ffffff"/>
<circle cx="8" cy="13" r="0.75" fill="#ffffff"/>
<circle cx="10" cy="13" r="0.75" fill="#ffffff"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 442 B

View File

@ -1,14 +1,11 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<!-- < --> <!-- < -->
<path d="M6 8 L2 16 L6 24" stroke="#ffffff" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8 L3 16 L8 24" stroke="#ffffff" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
<!-- / --> <!-- / -->
<path d="M10 24 L16 8" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round"/> <path d="M12 24 L18 8" stroke="#ffffff" stroke-width="3" stroke-linecap="round"/>
<!-- CP --> <!-- .. -->
<text x="24" y="21" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#ffffff" text-anchor="middle">CP</text> <circle cx="22" cy="20" r="2" fill="#ffffff"/>
<circle cx="28" cy="20" r="2" fill="#ffffff"/>
<!-- > -->
<path d="M30 8 L34 16 L30 24" stroke="#ffffff" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0"/>
<path d="M28 8 L32 16 L28 24" stroke="#ffffff" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 768 B

After

Width:  |  Height:  |  Size: 442 B