## [Bug] Twitter (X) SVG Icon Fails to Render Correctly in Social Media Section #218

New Issue

2026-05-28T19:47:06Z

enjin2310 commented

2026-05-28 19:47:06 +00:00

🧩 Summary

The Twitter (X) SVG icon does not display correctly in the social media section of the SpikerSoft interface. The button space appears but the icon itself is missing or invisible, affecting visual consistency and user interaction.

🧪 Steps to Reproduce

Navigate to the Contact or Social Media section of the SpikerSoft website.
Observe the social media buttons (Link, Facebook, SpikerSoft, X).
Notice that the X (Twitter) icon fails to render, leaving an empty or blank button.

✅ Expected Behavior

The X (Twitter) icon should display properly alongside other social media icons, maintaining consistent appearance and functionality.

❌ Actual Behavior

The X button appears without an icon.
The button space remains clickable but visually blank.
Other icons (Link, Facebook, SpikerSoft) render correctly.

📸 Evidence

The missing icon is visible in the social media section where the X button is present but lacks its SVG graphic.

🧠 Possible Root Cause

Incorrect or outdated SVG reference for the Twitter/X logo.
CSS class mismatch or missing icon asset after Twitter’s rebranding.
FontAwesome or icon library not updated to include the new X logo.

### 🧩 Summary The **Twitter (X)** SVG icon does not display correctly in the social media section of the SpikerSoft interface. The button space appears but the icon itself is missing or invisible, affecting visual consistency and user interaction. ### 🧪 Steps to Reproduce 1. Navigate to the **Contact** or **Social Media** section of the SpikerSoft website. 2. Observe the social media buttons (Link, Facebook, SpikerSoft, X). 3. Notice that the **X (Twitter)** icon fails to render, leaving an empty or blank button. ### ✅ Expected Behavior The **X (Twitter)** icon should display properly alongside other social media icons, maintaining consistent appearance and functionality. ### ❌ Actual Behavior - The **X** button appears without an icon. - The button space remains clickable but visually blank. - Other icons (Link, Facebook, SpikerSoft) render correctly. ### 📸 Evidence The missing icon is visible in the social media section where the **X** button is present but lacks its SVG graphic. ### 🧠 Possible Root Cause - Incorrect or outdated SVG reference for the Twitter/X logo. - CSS class mismatch or missing icon asset after Twitter’s rebranding. - FontAwesome or icon library not updated to include the new X logo.

Screenshot 2026-05-28 154604.png

130 KiB

spikerj commented

2026-06-08 13:38:19 +00:00

Fixed in spikerj/spikersoft-angular#7.

Root cause: the social buttons used Material font ligatures (<mat-icon>twitter</mat-icon>), but brand logos aren't in the bundled Material Icons font and the post-rebrand X mark isn't in the bundled icon fonts at all — so the X button rendered as an empty circle. Fixed by registering the official X/LinkedIn/Facebook brand marks as inline SVGs and rendering them via svgIcon (inheriting the button color).

Closing as resolved by the linked PR.

Fixed in spikerj/spikersoft-angular#7. Root cause: the social buttons used Material font ligatures (`<mat-icon>twitter</mat-icon>`), but brand logos aren't in the bundled Material Icons font and the post-rebrand X mark isn't in the bundled icon fonts at all — so the X button rendered as an empty circle. Fixed by registering the official X/LinkedIn/Facebook brand marks as inline SVGs and rendering them via `svgIcon` (inheriting the button color). Closing as resolved by the linked PR.

spikerj referenced this issue

2026-06-08 13:38:20 +00:00

Bug: Contact page - X (Twitter) icon does not load, shows empty blue container #178

spikerj closed this issue

2026-06-08 13:38:28 +00:00

spikerj referenced this issue

2026-06-08 15:03:48 +00:00

## [UI] Missing Icon for X Button in Social Media Section #149

spikerj referenced this issue

2026-07-12 03:14:50 +00:00

[Bug][Backend][Security] Data Protection keys are ephemeral + unencrypted (container-local) — redeploy logs users out, replicas can't share keys #488

spikerj referenced this issue