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

Konrad Pilch
Konrad Pilch
2,435 Points

Where yto get these icons?

HI,

Where can i get this social icons that are on this website?

Oliver Sewell
Oliver Sewell
16,425 Points

lots of sites with icons , make sure to read about the licensing etc here is one site http://www.flaticon.com/

Konrad Pilch
Konrad Pilch
2,435 Points

Thtas cool! Thank you! Didnt find anything cool before.

Konrad Pilch
Konrad Pilch
2,435 Points

Hey, check out this. Pretty cool!

1 Answer

Brandon Berger
Brandon Berger
3,947 Points

The social icons on that specific site are actually transparent pngs, with a div behind them with the branded color. example link

<div class="twitter">
    <a title="Twitter" href="twitter.com">
        <img src="https://g.twimg.com/Twitter_logo_white.png">
    </a>
</div>

<style>
img{
    max-width:100%;
    max-height:100%;
}

div.twitter{
    height:40px;
    width:40px;
    background: rgb(0, 172, 237);
    padding:5px;
}

div.twitter:hover{
    background: rgb(0, 147, 212);
}

</style>