rafraa/TX
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Design modern, minimal icons based on "TX" for the platform

Browse Source 
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
This commit is contained in:
riyadhafraa
2026-04-22 10:53:54 +00:00
parent d0e6912017
commit 9250e5e623
8 changed files with 112 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.agents/agent_assets_metadata.toml
+30 -1
View File
@@ -1,5 +1,4 @@
uploads = []
outputs = []
[[generated]]
id = "eD84DGRCWiOa5scCp_Thx"
@@ -42,3 +41,33 @@ id = "rNA7O4IB9yyq38zpUWFi6"
uri = "file://artifacts/tx-os/public/service-images/soft-drink.png"
type = "image"
title = "generated_image"
[[outputs]]
id = "LYgvZ2mSFO2a8Q7YzWuYh"
uri = "file://attached_assets/tx-icon/main.svg"
type = "image"
title = "Variant 1 — Main (installed as favicon)"
[[outputs]]
id = "ITl9ptHBvL_ScwngJ_WSW"
uri = "file://attached_assets/tx-icon/variant-2.svg"
type = "image"
title = "Variant 2 — TX overlapped"
[[outputs]]
id = "UcPBQ0tbPcu3-vrpunlGQ"
uri = "file://attached_assets/tx-icon/variant-3.svg"
type = "image"
title = "Variant 3 — Minimal T + accent dot"
[[outputs]]
id = "1X5cinpNHU8b5nqNF7w0S"
uri = "file://attached_assets/tx-icon/main-transparent.svg"
type = "image"
title = "Transparent background version"
[[outputs]]
id = "cY9FCy1T7wF7kkgS0rtGM"
uri = "file://attached_assets/tx-icon/favicon.svg"
type = "image"
title = "Favicon-optimized (32×32, thicker strokes)"
artifacts/tx-os/public/favicon.svg
+6 -2
View File
@@ -1,3 +1,7 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" rx="36" fill="#FF3C00"/>
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="14" fill="#0B1E3F"/>
<rect x="10" y="14" width="44" height="10" rx="2" fill="#FFFFFF"/>
<rect x="27" y="14" width="10" height="28" rx="2" fill="#FFFFFF"/>
<path d="M27 42 L15 54" stroke="#38BDF8" stroke-width="8" stroke-linecap="round"/>
<path d="M37 42 L49 54" stroke="#38BDF8" stroke-width="8" stroke-linecap="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 163 B

After

Width:  |  Height:  |  Size: 455 B

attached_assets/tx-icon/favicon.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="6" fill="#0B1E3F"/>
<rect x="5" y="7" width="22" height="5.5" rx="1" fill="#FFFFFF"/>
<rect x="13.25" y="7" width="5.5" height="14" rx="1" fill="#FFFFFF"/>
<path d="M13.5 21 L8 27" stroke="#38BDF8" stroke-width="4.5" stroke-linecap="round"/>
<path d="M18.5 21 L24 27" stroke="#38BDF8" stroke-width="4.5" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 463 B

attached_assets/tx-icon/main-transparent.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="14" width="44" height="10" rx="2" fill="#0B1E3F"/>
<rect x="27" y="14" width="10" height="28" rx="2" fill="#0B1E3F"/>
<path d="M27 42 L15 54" stroke="#38BDF8" stroke-width="8" stroke-linecap="round"/>
<path d="M37 42 L49 54" stroke="#38BDF8" stroke-width="8" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 399 B

attached_assets/tx-icon/main.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="14" fill="#0B1E3F"/>
<rect x="10" y="14" width="44" height="10" rx="2" fill="#FFFFFF"/>
<rect x="27" y="14" width="10" height="28" rx="2" fill="#FFFFFF"/>
<path d="M27 42 L15 54" stroke="#38BDF8" stroke-width="8" stroke-linecap="round"/>
<path d="M37 42 L49 54" stroke="#38BDF8" stroke-width="8" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

attached_assets/tx-icon/preview.html
+43
View File
@@ -0,0 +1,43 @@
<!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>
attached_assets/tx-icon/variant-2.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="14" fill="#0B1E3F"/>
<path d="M12 14 L52 54" stroke="#38BDF8" stroke-width="9" stroke-linecap="round"/>
<path d="M52 14 L12 54" stroke="#38BDF8" stroke-width="9" stroke-linecap="round"/>
<rect x="14" y="12" width="36" height="9" rx="2" fill="#FFFFFF"/>
<rect x="27.5" y="12" width="9" height="32" rx="2" fill="#FFFFFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

attached_assets/tx-icon/variant-3.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="14" fill="#0B1E3F"/>
<rect x="8" y="16" width="48" height="10" rx="2" fill="#FFFFFF"/>
<rect x="27" y="16" width="10" height="34" rx="2" fill="#FFFFFF"/>
<circle cx="48" cy="48" r="6" fill="#38BDF8"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 333 B