svg icon shadowing from svg.tsx file not working.

[gusmontoya]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

Shadowing for svg.tsx file for theme Cara not working. I looked at the shadowing documentation and have emplemented all instructions. When I test the site, the svg icon added to svg.tsx shadowed file does not render nor it is implemented. This was seen with inspect on the Elements tab. I am trying to change the geometric shapes to logo's.
ANy help please?

Reproduction Link

https://github.com/gusmontoya/PersonalPortfolio/blob/main/src/components/svg.tsx

Steps to Reproduce

1. Clone my repo https://github.com/gusmontoya/PersonalPortfolio.git
2. Install/Run portfolio
3. Notice their isn't a github logo being rendered with geometric shapes.

...

Expected Result

Better documentation/instruction then referring me to the existing shadowing documentation. I have gone through all of the discord, github, stack overflow, github discussion posts and pull requests. I have read many being referred back to the existing shadowing documentation. I have read the documentation and have tried to follow it's instructions. Still I am not successful. Here is the file shadowed: https://github.com/gusmontoya/PersonalPortfolio/blob/main/src/components/svg.tsx
with respective site sections with inserted svg: https://github.com/gusmontoya/PersonalPortfolio/blob/main/src/components/hero.tsx
but no svg icon of github logo is rendered .

Actual Result

the svg icon I added of a github logo did not render with the geometric svg icons being rendered.

Environment

System:
    OS: Windows 10 10.0.19043
    CPU: (8) x64 Intel(R) Core(TM) i7-4810MQ CPU @ 2.80GHz
  Binaries:
    Node: 16.8.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 7.22.0 - C:\Program Files\nodejs\npm.CMD
  Languages:
    Python: 3.8.7 - /c/Program Files/Inkscape/bin/python
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (94.0.992.50)
  npmPackages:
    gatsby: ^3.6.1 => 3.14.0
    gatsby-plugin-gatsby-cloud: ^2.6.1 => 2.11.0
    gatsby-plugin-google-analytics: ^3.6.0 => 3.14.0
    gatsby-plugin-manifest: ^3.6.0 => 3.14.0
    gatsby-plugin-netlify: ^3.6.1 => 3.14.0
    gatsby-plugin-offline: ^4.6.0 => 4.14.0
    gatsby-plugin-webpack-bundle-analyser-v2: ^1.1.22 => 1.1.25
  npmGlobalPackages:
    gatsby-cli: 3.14.0

Config Flags

No response