Hero section :- social icons are inconsistent in size and GitHub icon is unrecognizable

[AribaRazi]

Description

There are three social icons in the hero section (GitHub, LinkedIn, LeetCode) and they have two problems:

1. Icon sizes are inconsistent
The three icons are not the same size visually. LinkedIn and LeetCode appear larger/more prominent while the GitHub icon looks smaller or differently weighted, making the row feel uneven and unpolished.

2. GitHub icon is unrecognizable
The GitHub icon is not rendering as the standard GitHub mark (the Octocat or the GitHub logo). Whatever is showing in its place is not identifiable as GitHub at a glance — in both light mode and dark mode. A user would not know it links to a GitHub profile without hovering over it.

To reproduce:

1. Open the landing page (any mode)
2. Look at the three social icon buttons in the hero section
3. Notice the GitHub icon doesn't look like GitHub
4. Notice the three icons are not visually consistent in size

Expected:

• All three icons should be the same size and optical weight
• The GitHub icon should use the standard GitHub mark that is instantly recognizable

Likely cause: The GitHub icon may be pulling from the wrong icon library, using a fallback glyph, or the SVG/font icon being used simply doesn't match the official GitHub mark. Worth replacing it with the official SVG from GitHub's branding assets or a well-known icon library like Simple Icons.

Affects: Both light mode and dark mode

Screenshot

In light mode:-

in dark mode

[AribaRazi]

hello @revatikadam0607 ..i would like to work on this issue under nsoc'26 could you please assign it to me?

[revatikadam0607]

Description

There are three social icons in the hero section (GitHub, LinkedIn, LeetCode) and they have two problems:

1. Icon sizes are inconsistent The three icons are not the same size visually. LinkedIn and LeetCode appear larger/more prominent while the GitHub icon looks smaller or differently weighted, making the row feel uneven and unpolished.

2. GitHub icon is unrecognizable The GitHub icon is not rendering as the standard GitHub mark (the Octocat or the GitHub logo). Whatever is showing in its place is not identifiable as GitHub at a glance — in both light mode and dark mode. A user would not know it links to a GitHub profile without hovering over it.

To reproduce:

1. Open the landing page (any mode)
2. Look at the three social icon buttons in the hero section
3. Notice the GitHub icon doesn't look like GitHub
4. Notice the three icons are not visually consistent in size

Expected:

• All three icons should be the same size and optical weight
• The GitHub icon should use the standard GitHub mark that is instantly recognizable

Likely cause: The GitHub icon may be pulling from the wrong icon library, using a fallback glyph, or the SVG/font icon being used simply doesn't match the official GitHub mark. Worth replacing it with the official SVG from GitHub's branding assets or a well-known icon library like Simple Icons.

Affects: Both light mode and dark mode

Screenshot

In light mode:-

## in dark mode

Hi everyone! Thanks for showing interest in this issue

I’m assigning this issue to you. You can each work on your own approach and submit a PR once completed.

I’ll review all submissions and merge the best implementation based on functionality, code quality, and project compatibility.

Please make sure to test your changes properly before submitting.

Best of luck