Here is an easy way to put the real FCC logo on your portfolio

Here is an easy way to put the real FCC logo on your portfolio
0

#1

When I was making my portfolio http://www.sylprimeau.com/, I was disappointed to learn that there was a Font Awesome icon for nearly every major social media platform, but none for FCC.

A search turned up a thread on Font Awesome’s repo with Quincy requesting it over a year ago and 100’s of +1’s supporting the request. Unfortunately, it still hasn’t been included yet and it doesn’t look like they’re in a rush to add it anytime soon.

One workaround, as l0ner suggested in the thread, would be to use the fa-fire icon as a substitute and enclose it with brackets. Many people have used this on their portfolios and it looks good. But I wanted a perfect replica.

TL;DR

Here’s the link to the SVG file in the FreeCodeCamp repo under assets: https://github.com/FreeCodeCamp/assets/blob/master/assets/logos/FCCfire.svg.

You can save that as an image and then style it with a little bit of CSS to make it perfectly square and add rounded corners, and voila, an official looking FCC icon. :slight_smile:


Freecodecamp font awesome icon
#2

@GitCoderr thank you!”:relieved:


#3

you can also use the markup in your html directly.

<svg xmlns="http://www.w3.org/2000/svg" width="465" height="306">
  <path fill="#FFF" fill-rule="evenodd" d="M.734375 147.007553c0-47.0698735 16.6933031-89.1850237 50.3328381-126.5931865C63.2077971 7.03661297 73.3249505.1 80.1540291.1c2.2763595 0 4.552719.74320853 6.8290785 2.2296256 1.517573 1.48641706 3.035146 3.71604266 3.035146 5.94566825 0 3.71604265-4.552719 8.91850235-12.8993705 17.34153245C41.961775 58.5657378 24.2567566 98.9467348 24.2567566 147.750762c0 54.006486 18.4638049 97.360317 54.3796995 131.052437 7.587865 6.688877 10.623011 11.891337 10.623011 16.350588 0 2.229626-1.517573 4.459251-3.035146 6.688877-1.517573 1.486417-4.552719 2.972834-6.8290785 2.972834-8.3466516 0-19.981378-9.661711-35.157108-28.48966C14.6454609 240.651828.734375 198.041206.734375 147.007553zM464.1 158.89889c0 47.069873-16.693303 89.185024-50.332838 126.593186-12.140584 13.377754-22.257738 20.314367-29.086816 20.314367-2.27636 0-4.552719-.743209-6.829079-2.229626-1.517573-1.486417-3.035146-4.459251-3.035146-6.688877 0-3.716042 4.552719-8.918502 12.899371-16.350587 35.157108-32.948912 52.862126-73.329909 52.862126-122.133936 0-54.006486-18.463805-97.3603174-54.379699-131.0524375-7.587865-6.6888768-10.623011-11.8913365-10.623011-16.3505877 0-2.2296256 1.517573-4.4592512 3.035146-6.6888768 1.517573-1.48641705 4.552719-2.9728341 6.829078-2.9728341 7.587865 0 19.981378 9.6617109 35.157108 28.4896604C448.671341 65.5023508 464.1 108.112973 464.1 158.89889zM338.598388 295.4864964H126.568032c-7.5951172 0-13.2914551-5.5793914-13.2914551-13.01858 0-7.43918864 5.6963379-13.0185801 13.2914551-13.0185801h212.030356c7.595117 0 13.291455 5.57939146 13.291455 13.0185801-1.89878 7.4391886-5.696338 13.01858-13.291455 13.01858zM187.395855 25.6168263s17.705018 11.8913365 17.705018 33.6921201c0 37.4081628-52.10334 78.5323686-52.10334 117.4269476 0 41.867414 32.880749 68.870658 64.243924 77.045952 4.552719.743208 6.070292-3.716043.758787-5.20246-12.899371-2.972834-26.810457-19.571158-26.810457-44.840248 0-24.030409 23.775311-32.948912 32.880749-44.09704 9.864225-11.891336 7.587865-27.003243 1.517573-31.462494-6.070292-4.459252-1.517573-10.40492 8.346652-2.972834 9.864224 6.688876 18.463804 20.314366 15.17573 32.205703-3.793933 15.607379 1.517573 24.773617 9.864224 26.260034 8.346652 1.486417 17.705019-2.972834 16.693303-10.404919-1.011715-7.432085-5.311505-15.607379-3.035146-15.607379 6.070292 0 18.463805 14.120962 18.463805 37.408163 0 23.2872-19.222591 38.894579-25.292883 44.840248-3.793933 3.716042.758786 8.175294 6.070292 5.945668 2.276359-.743209 7.587865-3.716043 10.623011-5.945668 15.17573-10.40492 38.95104-32.205703 38.95104-71.843492 0-41.867414-15.934516-60.695363-32.880748-76.3027424-16.693303-15.6073792-20.740165-11.8913365-15.934517-3.7160426 13.658157 23.287201 5.311506 31.462494-4.552719 31.462494-12.140584 0-12.140584-26.2600343-17.705018-46.3266647-9.864225-44.8402481-52.10334-52.5200696-59.691205-53.2632781-5.564435-2.4773618-12.646442 1.9818894-3.288075 5.6979321z"/>
</svg>