developer-portfolio icon indicating copy to clipboard operation
developer-portfolio copied to clipboard

How to add SVGs

Open byteom opened this issue 1 year ago • 1 comments

Hello,

Today, I looked at your portfolio, and I'm interested in creating my own portfolio with a similar design. Can you explain how you added SVGs and how you used CSS in your portfolio? Please provide a detailed explanation, as I'm a beginner in React and want to understand the process better.

Thank you!

byteom avatar Aug 29 '24 02:08 byteom

You can add a new SVG file (for the file name it's up to you what you want) in public/svg you can get the svg code from https://techicons.dev/icons/ and search for the desired svg file name.

kansaok avatar Sep 02 '24 13:09 kansaok

checkout skill-image.js file and update the relevant skill in the switch statement downloading the svg file and importing it correctly

TechWithTy avatar Feb 17 '25 18:02 TechWithTy

The skills name has to match the test case in the switch in lower case.

Image

Image

[Please Close]

TechWithTy avatar Feb 17 '25 18:02 TechWithTy

@byteom please close.

mesuhailpm avatar Feb 26 '25 04:02 mesuhailpm