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

Design Creating the Accordion Menu

tariqasghar
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
tariqasghar
UX Design Techdegree Graduate 30,519 Points
Posted by tariqasghar
.a{fill-rule:evenodd;}techdegree seal-36
tariqasghar
UX Design Techdegree Graduate 30,519 Points

Importing Icons.

Hello,

How do you paste icons as a text field, as shown in this video? How does this work?

Thanks.

2 Answers

Daniel Montgomery
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff
Daniel Montgomery
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff

Hey tariqasghar

After installing Font Awesome (the desktop package) you can copy the icon from the website and paste it into a text box in your favorite design software. If it shows up as a square or square with a "X", you need to highlight the icon and then change the font to "Font Awesome 5 Free".

Here's a video of me running through the steps

Let me know if it helps Tariq!

Daniel Montgomery
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff
Daniel Montgomery
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff

Yeah, font awesome is pretty handy for designing quickly without the need for an icon kit, SVGs, or a plugin. But as always it's whatever workflow is most comfortable and convenient for you.