115e344157
- Created SVG favicons in multiple sizes (16x16, 32x32, 192x192, 512x512) - Added web app manifest for PWA functionality - Implemented Apple Touch Icon support for iOS devices - Added theme color and mobile web app meta tags - Used gear/cogs design matching UnitForge branding with blue gradient - Supports modern browsers with SVG and fallback compatibility - Enables 'Add to Home Screen' functionality on mobile devices All favicon files use the same blue gradient (#0d6efd to #0b5ed7) as the main UI theme for consistent branding.
39 lines
2.5 KiB
XML
39 lines
2.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" width="192" height="192">
|
|
<defs>
|
|
<linearGradient id="gear-gradient-192" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#0d6efd;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#0b5ed7;stop-opacity:1" />
|
|
</linearGradient>
|
|
<filter id="shadow-192">
|
|
<feDropShadow dx="2" dy="2" stdDeviation="4" flood-opacity="0.2"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background circle with shadow -->
|
|
<circle cx="96" cy="96" r="88" fill="url(#gear-gradient-192)" stroke="#ffffff" stroke-width="6" filter="url(#shadow-192)"/>
|
|
|
|
<!-- Main gear -->
|
|
<g fill="#ffffff" transform="translate(96,96)">
|
|
<!-- Detailed gear teeth for high resolution -->
|
|
<path d="M-48,-60 L-36,-60 L-36,-72 L-18,-72 L-18,-60 L-6,-60 L-6,-48 L6,-48 L6,-60 L18,-60 L18,-72 L36,-72 L36,-60 L48,-60 L60,-48 L60,-36 L72,-36 L72,-18 L60,-18 L60,-6 L48,-6 L48,6 L60,6 L60,18 L72,18 L72,36 L60,36 L60,48 L48,48 L36,60 L18,60 L18,72 L6,72 L6,60 L-6,60 L-6,48 L-18,48 L-18,60 L-36,60 L-36,72 L-48,72 L-60,60 L-60,48 L-72,48 L-72,36 L-60,36 L-60,18 L-72,18 L-72,6 L-60,6 L-60,-6 L-48,-6 L-48,-18 L-60,-18 L-60,-36 L-72,-36 L-72,-48 L-60,-48 Z"/>
|
|
|
|
<!-- Inner circle with gradient -->
|
|
<circle cx="0" cy="0" r="24" fill="url(#gear-gradient-192)" stroke="#ffffff" stroke-width="3"/>
|
|
|
|
<!-- Center bolt -->
|
|
<circle cx="0" cy="0" r="8" fill="#ffffff"/>
|
|
</g>
|
|
|
|
<!-- Small accent gear -->
|
|
<g fill="#ffffff" opacity="0.9" transform="translate(138,54) scale(2.4)">
|
|
<path d="M-8,-10 L-6,-10 L-6,-12 L-3,-12 L-3,-10 L-1,-10 L-1,-8 L1,-8 L1,-10 L3,-10 L3,-12 L6,-12 L6,-10 L8,-10 L10,-8 L10,-6 L12,-6 L12,-3 L10,-3 L10,-1 L8,-1 L8,1 L10,1 L10,3 L12,3 L12,6 L10,6 L10,8 L8,8 L6,10 L3,10 L3,12 L1,12 L1,10 L-1,10 L-1,8 L-3,8 L-3,10 L-6,10 L-6,12 L-8,12 L-10,10 L-10,8 L-12,8 L-12,6 L-10,6 L-10,3 L-12,3 L-12,1 L-10,1 L-10,-1 L-8,-1 L-8,-3 L-10,-3 L-10,-6 L-12,-6 L-12,-8 L-10,-8 Z"/>
|
|
<circle cx="0" cy="0" r="4" fill="#0d6efd"/>
|
|
</g>
|
|
|
|
<!-- Additional small gear -->
|
|
<g fill="#ffffff" opacity="0.7" transform="translate(54,138) scale(1.6)">
|
|
<path d="M-6,-8 L-4,-8 L-4,-9 L-2,-9 L-2,-8 L0,-8 L0,-6 L2,-6 L2,-8 L4,-8 L4,-9 L6,-9 L6,-8 L8,-8 L9,-6 L9,-4 L10,-4 L10,-2 L9,-2 L9,0 L8,0 L8,2 L9,2 L9,4 L10,4 L10,6 L9,6 L9,8 L8,8 L6,9 L4,9 L4,10 L2,10 L2,9 L0,9 L0,8 L-2,8 L-2,9 L-4,9 L-4,10 L-6,10 L-8,9 L-8,8 L-9,8 L-9,6 L-8,6 L-8,4 L-9,4 L-9,2 L-8,2 L-8,0 L-6,0 L-6,-2 L-8,-2 L-8,-4 L-9,-4 L-9,-6 L-8,-6 Z"/>
|
|
<circle cx="0" cy="0" r="3" fill="#0d6efd"/>
|
|
</g>
|
|
</svg>
|