Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Router 4 Basics Navigating, Nesting and Redirecting Routes Navigating Between Routes

Malek Natour
Malek Natour
14,245 Points
Posted by Malek Natour
Malek Natour
14,245 Points

Bootstrap code icon

My code icon isn't showing up when I type in the same code as in the video, the text "code" is showing up when I run the react app, do I need to install anything or why is this happening?

<header> <span className="icn-logo"><i className="material-icons">code</i></span> <ul className="main-nav">

1 Answer

Gurbakhash Sandhu
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Gurbakhash Sandhu
Web Development Techdegree Graduate 18,262 Points
Gurbakhash Sandhu
.a{fill-rule:evenodd;}techdegree seal-36
Gurbakhash Sandhu
Web Development Techdegree Graduate 18,262 Points

I had the same issue on Firefox but when I switched over to Brave it seemed to fix the problem. For me I found out it was because google services were being blocked on my firefox browser. The text "code" inside <i> tags tells google fonts to display the code icon. If you replaced "code" with "sentiment_very_dissatisfied" you would get a sad face displayed there instead. Please see example here: https://ibb.co/QP1M6Rt