riyadhafraa
9250e5e623
Add new SVG icon assets for the platform's favicon and branding, including multiple variants and a preview HTML file. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 8912f52a-183a-4f2b-983a-b2ebfb2814ba Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/dnVFHsG Replit-Helium-Checkpoint-Created: true
44 lines
2.2 KiB
HTML
44 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html><head><meta charset="utf-8"><title>Tx icon preview</title>
|
|
<style>
|
|
body{font-family:system-ui;background:#f5f5f7;padding:32px;color:#111}
|
|
h2{margin-top:32px}
|
|
.row{display:flex;gap:32px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}
|
|
.item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#555}
|
|
.dark{background:#1c1c1e;padding:24px;border-radius:12px;color:#ddd}
|
|
</style></head>
|
|
<body>
|
|
<h1>Tx icon — sizes & variants</h1>
|
|
<h2>Variant 1 — Main (T with X-feet) — RECOMMENDED</h2>
|
|
<div class="row">
|
|
<div class="item"><img src="main.svg" width="16"><span>16</span></div>
|
|
<div class="item"><img src="main.svg" width="32"><span>32</span></div>
|
|
<div class="item"><img src="main.svg" width="64"><span>64</span></div>
|
|
<div class="item"><img src="main.svg" width="128"><span>128</span></div>
|
|
</div>
|
|
<h2>Variant 2 — TX overlapped (X under, T over)</h2>
|
|
<div class="row">
|
|
<div class="item"><img src="variant-2.svg" width="16"><span>16</span></div>
|
|
<div class="item"><img src="variant-2.svg" width="32"><span>32</span></div>
|
|
<div class="item"><img src="variant-2.svg" width="64"><span>64</span></div>
|
|
<div class="item"><img src="variant-2.svg" width="128"><span>128</span></div>
|
|
</div>
|
|
<h2>Variant 3 — Minimal T + accent dot</h2>
|
|
<div class="row">
|
|
<div class="item"><img src="variant-3.svg" width="16"><span>16</span></div>
|
|
<div class="item"><img src="variant-3.svg" width="32"><span>32</span></div>
|
|
<div class="item"><img src="variant-3.svg" width="64"><span>64</span></div>
|
|
<div class="item"><img src="variant-3.svg" width="128"><span>128</span></div>
|
|
</div>
|
|
<h2>Transparent (works on light & dark)</h2>
|
|
<div class="row">
|
|
<div class="item"><img src="main-transparent.svg" width="64"><span>light bg</span></div>
|
|
<div class="item dark"><img src="main-transparent.svg" width="64"><span>dark bg</span></div>
|
|
</div>
|
|
<h2>Favicon-optimized (32x32 viewBox, thicker strokes)</h2>
|
|
<div class="row">
|
|
<div class="item"><img src="favicon.svg" width="16"><span>16</span></div>
|
|
<div class="item"><img src="favicon.svg" width="32"><span>32</span></div>
|
|
</div>
|
|
</body></html>
|