Bummer! You must be logged in to access this page.

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

HTML

Posted by Konrad Hunter
Konrad Hunter
3,629 Points

instagram logo

I'm doing the html beginner class. I'd like an instagram logo to match the Facebook and twitter logos. Where can I get this?

4 Answers

jag
jag
18,266 Points
jag
jag
18,266 Points

Your best bet is FontAwesome . It's a file containing icons & logos that includes Twitter, Facebook and Instagram. Managing logos with external pictures or self made fonts can be tricky. FontAwesome takes care of everything.

FontAwesome

Twitter Icon

Facebook Icon

Instagram Icon

<head>
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" 
     rel="stylesheet" >
</head>

<body>
     <div class="icons">
          <i class="fa fa-twitter"></i> <!-- This will be a twitter icon -->
          <i class="fa fa-facebook"></i>
          <i class="fa fa-instagram"></i>
     </div>
</body>
Joseph Frazer
Joseph Frazer
5,404 Points

Font Awesome is great, but it will slow the load time of the webpage. Better using an SVG.

jag
jag
18,266 Points

FontAwesome is great and hardly slows down load time of a web page. As for SVG some older browsers don't have the abilities to display or have issues displaying svg.

caniuseSVG?

FortAwesome is a paid service that delivers a custom font icon with the icons you pick so the less icons the less the size.

Don Macarthur
Don Macarthur
28,430 Points
Don Macarthur
Don Macarthur
28,430 Points

Hi Konrad,

I'm not sure if it's mentioned in the video you've watched but elsewhere on these courses we get referred to https://logomakr.com/

You can pretty much find anything there.

Hope that helps, and good luck :-) Don

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

I'm not sure what FB logo you are using, but you can either do a google search for the logos you want, search the size and svg or png. Or what I would suggest is going to instragram's resource page and using their logos.

instragram logo

Konrad Hunter
Konrad Hunter
3,629 Points
Konrad Hunter
Konrad Hunter
3,629 Points

Thank you for all the very prompt replies.