First you need to get ahold of some icons that you want to use. Do a Google search for free icons, or make some yourself like I did.
They need to be in a PNG, GIF, JPG, DOCX, PPTX, XLSX, TXT, PDF, or ZIP format.
On your repo that you want to add the icons to, create an issue. Drag and drop the icon file into the issue window. Wait for it to download, then it will give you a link. Copy and paste this link into your Readme file at the location you want the icon to appear. Don't delete the issue after you are done, but you can close it.
I had mine all in a row with lines on top and bottom. It looks like this:
(Psst... this is a screenshot, so it's not clickable. Go to the bottom of the page to try out my clickable icons.)
And the code looks like this:
---
[][1][][2][][3]
---
If you break down the code for one icon it is:
[][1]
where the content in the first set of square brackets is the link created by dragging and dropping your image file into the repo issue window and the [1] at the end corresponds to the numbered link you will create in the next step.
At the bottom of the file, create a numbered list for all your various account links. I used social media links, but it could be any type of link. The code will be in this format:
[1]: http://www.github.com/your_contact_info
[2]: https://www.linkedin.com/in/your_contact_info
[3]: https://www.facebook.com/your_contact_info
The instructions to drag and drop the icon file into a repo issue works the same for any image file you might want to add, including screenshots from your project pages, and test results.
Here's a picture I took in my backyard.
The code needs to be a tiny bit different. Take off the enclosing square brackets, and no need for the bracketed number at the end. Basically, it is the link generated in the issue without anything added.
Hope this was helpful!!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent