In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
This is a failure. I complicated it adding the footer and trying to keep the footer at the bottom of the page, which may or may not work. Then, my css code got so messed up looking I didn't want to deal with it anymore. So, the result is the icons are the poorest part of the thing.
https://codepen.io/kldickenson/pen/QWgReyy
This is a failure. I complicated it adding the footer and trying to keep the footer at the bottom of the page, which may or may not work. Then, my css code got so messed up looking I didn't want to deal with it anymore. So, the result is the icons are the poorest part of the thing.
https://codepen.io/romola/pen/ZEyPzPp?editors=1100
https://codepen.io/miklaan/pen/ZEyZwvd
My solution was successful as I wanted to change color on each icon separately :)
https://codepen.io/yousifhmada/pen/LYLazwQ
ps- the version of font-awesome that comes up when you search in codepen is v5, to use v6 I had to add it manually: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css
https://codepen.io/w0whitaker/pen/bGRQXmz