[PR #55] [MERGED] Replace blurry favicon.ico with larger ICO, and SVG version #54

New Issue

giteasync · 2025-09-10T22:50:07-05:00

giteasync commented

2025-09-10 22:50:07 -05:00

📋 Pull Request Information

Original PR: https://github.com/VSCodium/vscodium.github.io/pull/55
Author: @mmorella-dev
Created: 10/7/2021
Status: ✅ Merged
Merged: 11/18/2021
Merged by: @PalinuroSec

Base: master ← Head: update-favicon

📝 Commits (4)

663ec3a Hard-code favicon path into index.html
7447297 Add favicon.svg, update <head> markup
ff9bde9 Replace apple-touch-icon with 180x180 icon
4738cbd Replace favicon.ico with 48x48 version

📊 Changes

5 files changed (+4 additions, -4 deletions)

View changed files

📝 _config.yml (+0 -2)
📝 img/apple-touch-icon.png (+0 -0)
📝 img/favicon.ico (+0 -0)
➕ img/favicon.svg (+1 -0)
📝 index.html (+3 -2)

📄 Description

Currently, favicon.ico is a 16x16 version of the circular app icon, and it's pretty crispy. This PR replaces it with a 48x48 version of just the VSCodium "algae" logo.
=>

It also adds an SVG version of the same icon, which should look good on displays of any size.

Screenshots

Tested on macOS 11.5.2.

Firefox 92 (favicon.svg)

Safari 15 (favicon.ico)

Chrome 96 (favicon.svg)

iOS 15 (apple-touch-icon.png)

The iOS icon, apple-touch-icon.png is now 180x180, with a white background. It looks like this on the iOS homescreen and share popups, assuming anyone was weird enough to actually use it for that.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/VSCodium/vscodium.github.io/pull/55 **Author:** [@mmorella-dev](https://github.com/mmorella-dev) **Created:** 10/7/2021 **Status:** ✅ Merged **Merged:** 11/18/2021 **Merged by:** [@PalinuroSec](https://github.com/PalinuroSec) **Base:** `master` ← **Head:** `update-favicon` --- ### 📝 Commits (4) - [`663ec3a`](https://github.com/VSCodium/vscodium.github.io/commit/663ec3af26dbd3fc2d40befe8ce441e632463b30) Hard-code favicon path into index.html - [`7447297`](https://github.com/VSCodium/vscodium.github.io/commit/7447297bd647e1407dac2f764b98327bf0695b0c) Add favicon.svg, update <head> markup - [`ff9bde9`](https://github.com/VSCodium/vscodium.github.io/commit/ff9bde910b7708f1ddea285fff3b25e77d841c1b) Replace apple-touch-icon with 180x180 icon - [`4738cbd`](https://github.com/VSCodium/vscodium.github.io/commit/4738cbd2ef747904a876ffffeff2bbcaf395edec) Replace favicon.ico with 48x48 version ### 📊 Changes **5 files changed** (+4 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `_config.yml` (+0 -2) 📝 `img/apple-touch-icon.png` (+0 -0) 📝 `img/favicon.ico` (+0 -0) ➕ `img/favicon.svg` (+1 -0) 📝 `index.html` (+3 -2) </details> ### 📄 Description Currently, favicon.ico is a 16x16 version of the circular app icon, and it's pretty crispy. This PR replaces it with a 48x48 version of just the VSCodium "algae" logo. <img width="64" src="https://raw.githubusercontent.com/VSCodium/vscodium.github.io/7d0ff77828092439455ff8cf50304d826880d20b/img/favicon.ico" alt="favicon.ico"> => <img width="64" src="https://raw.githubusercontent.com/morellam-dev/vscodium.github.io/update-favicon/img/favicon.ico"> It also adds an SVG version of the same icon, which should look good on displays of any size. ## Screenshots Tested on macOS 11.5.2. ### Firefox 92 (favicon.svg) <img width="160" alt="Screen Shot 2021-10-07 at 3 28 32 PM" src="https://user-images.githubusercontent.com/4561733/136450321-20cf963f-a2af-484d-b081-1bb21587d9f1.png"><img width="160" alt="Screen Shot 2021-10-07 at 3 28 56 PM" src="https://user-images.githubusercontent.com/4561733/136450329-38015f00-a9e6-4c59-aefe-f46dc12f313e.png"> ### Safari 15 (favicon.ico) <img width="293" alt="screenshot safari light" src="https://user-images.githubusercontent.com/4561733/136454222-a28cfe3a-b4b6-4073-8a9b-9e5939c72b46.png"><img width="160" alt="screenshot safari dark" src="https://user-images.githubusercontent.com/4561733/136454229-08d2e244-32de-483d-915c-8896f3c0da72.png"> ### Chrome 96 (favicon.svg) <img width="197" alt="screenshot chrome yellow" src="https://user-images.githubusercontent.com/4561733/136454363-d37b1863-ebf2-48f5-bd27-6d690daac988.png"><img width="268" alt="screenshot chrome dark" src="https://user-images.githubusercontent.com/4561733/136454375-e75b9356-0e66-4fef-bece-54bc39a9605b.png"> ### iOS 15 (apple-touch-icon.png) The iOS icon, apple-touch-icon.png is now 180x180, with a white background. It looks like this on the iOS homescreen and share popups, assuming anyone was weird enough to actually use it for that. ![image](https://user-images.githubusercontent.com/4561733/136455453-dddfd1cd-60a3-499c-b768-08b695fde8bd.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

giteasync added the pull-request label 2025-09-10 22:50:07 -05:00

giteasync closed this issue

2025-09-10 22:50:07 -05:00

giteasync referenced this issue

2025-09-10 22:50:08 -05:00

[PR #54] [MERGED] Add bash label and --classic flag to snap install #57

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: VSCodium/vscodium.github.io#54