0l1v3rr / 0l1v3rr/github-readme-tech-stack

Custom SVGs not not displayed

Open
#461 3 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
261
Forks
46
PR merge metrics
No merged PRs in 30d

Description

Hey,

thank you for building this project. I was really enthusiastic when I saw this project and I would like to create a tech-stack-card for my profile. Unfortunatly, simple icons does not include all icons I would like to add (e.g. Seaborn). To handle this, I used custom .svg files from their website and added them to the card.

Depending on the file, the whole card did not show.

SVG that did not work: https://seaborn.pydata.org/_static/logo-wide-lightbg.svg

SVG that did work: https://docs.dask.org/en/stable/_images/dask_icon.svg

From my limited experience with the .svg format, I could not see any problems.

Any idea what might cause the problem?

Contributor guide

Open the contributing guide

Research direction

The issue is about SVG rendering in a tech stack card generator. Look at the component that handles custom SVG icons, likely in the frontend code for card generation. Compare the working and non-working SVG files to identify differences in SVG structure or attributes. Test rendering with the provided Seaborn SVG to reproduce the issue. Check the browser console or server logs for any errors during SVG processing.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, storybook, tailwindcss, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.