The icon of freeCodeCamp

What link should I use to import the icon from freeCodeCamp?
I typed in HTML:

<a href="https://www.freecodecamp.org" target="_blank" class=""><i class="fa fa-free-code-camp" aria-hidden="true"></i> freeCodeCamp</a>

To be more explicit, for the github icon I used the following link:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
  crossorigin="anonymous"/>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).


freeCodeCamp is on FontAwesome:

https://fontawesome.com/v4.7/icon/free-code-camp

and it looks like that is where you got that snippit of code?

I think we’ll need to see more to understand how you’re loading the icons?

<link rel="stylesheet" href="https://fontawesome.com/v4.7/icon/free-code-camp" />

Thanks Jeremy, but with this link I can’t get the icon, like for github.

image

It’s still not clear how you added the icons. In my site, I had to add something like

    <script src="https://kit.fontawesome.com/SOME_KIT_NUMBER_HERE.js"></script>

before I could use the icons.

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
  crossorigin="anonymous"/>

I used this link for github.

Your approach does not seem to match the current documentation I’ve read on how to include fontawesome icons, so I don’t know what to suggest.

It’s about “Building a personal portfolio” web page.
I followed as an example: https://codepen.io/freeCodeCamp/full/zNBOYG.
If you open the page, you will see before the navigation, in html, the links for various icons.

Your icon is showing up when I look at the page:
image

I just don’t know anything about this way of loading fontawesome icons, so I can’t really say anything useful here.

Thanks anyway Jeremy for your answers.
Maybe someone else who handles this kind of “icon upload” will enlighten me.

It’s a free Font Awesome icon called free-code-camp. It was updated in version 5.12.0

<i class="fab fa-free-code-camp"></i>

Thanks Ariel. It works:
image

Hello there,

Just for extra information, if you are interested:

Here is the freeCodeCamp design-style guide. It tells you how to use the logo, among other things.

Hope this is useful

1 Like

It’s very useful. Thanks a lot Shaun.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.