This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Social Icons

Add social buttons to your webpage. Just copy and paste codes!

Local: CSS/JS files (add code to <HEAD> section):

1
2
<!-- DC Social Icons CSS -->
<link rel="stylesheet" type="text/css" href="dcodes/social_icons/dc_social_icons.css" />

Hosted: CSS/JS files (add code to <HEAD> section):

1
2
<!-- DC Social Icons CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.dcodes.net/2/social_icons/dc_social_icons.css" />

Switch - 32px

L1:  skype twitter rss blog linkedin google + pinterest flickr github link location youtube vimeo

L2:  skype twitter rss blog linkedin google + pinterest flickr github link location youtube vimeo

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
Light L1:
<a class="email_switch dc_social_switch32" title="email" href="#">email</a>
<a class="skype_switch dc_social_switch32" title="skype" href="#">skype</a>
<a class="facebook_switch dc_social_switch32" title="facebook" href="#">facebook</a>
<a class="twitter_switch dc_social_switch32" title="twitter" href="#">twitter</a>
<a class="twitter2_switch dc_social_switch32" title="twitter" href="#">twitter</a>
<a class="rss_switch dc_social_switch32" title="rss" href="#">rss</a>
<a class="blog_switch dc_social_switch32" title="blog" href="#">blog</a>
<a class="linkedin_switch dc_social_switch32" title="linkedin" href="#">linkedin</a>
<a class="googleplus_switch dc_social_switch32" title="google+" href="#">google +</a>
<a class="pinterest_switch dc_social_switch32" title="pinterest" href="#">pinterest</a>
<a class="flickr_switch dc_social_switch32" title="flickr" href="#">flickr</a>
<a class="github_switch dc_social_switch32" title="github" href="#">github</a>
<a class="link_switch dc_social_switch32" title="anchor" href="#">anchor</a>
<a class="location_switch dc_social_switch32" title="location" href="#">location</a>
<a class="youtube_switch dc_social_switch32" title="youtube" href="#">youtube</a>
<a class="vimeo_switch dc_social_switch32" title="vimeo" href="#">vimeo</a>
Dark L2:
<a class="email_switch_dark dc_social_switch32" title="email" href="#">email</a>
<a class="skype_switch_dark dc_social_switch32" title="skype" href="#">skype</a>
<a class="facebook_switch_dark dc_social_switch32" title="facebook" href="#">facebook</a>
<a class="twitter_switch_dark dc_social_switch32" title="twitter" href="#">twitter</a>
<a class="twitter2_switch_dark dc_social_switch32" title="twitter" href="#">twitter</a>
<a class="rss_switch_dark dc_social_switch32" title="rss" href="#">rss</a>
<a class="blog_switch_dark dc_social_switch32" title="blog" href="#">blog</a>
<a class="linkedin_switch_dark dc_social_switch32" title="linkedin" href="#">linkedin</a>
<a class="googleplus_switch_dark dc_social_switch32" title="google+" href="#">google +</a>
<a class="pinterest_switch_dark dc_social_switch32" title="pinterest" href="#">pinterest</a>
<a class="flickr_switch_dark dc_social_switch32" title="flickr" href="#">flickr</a>
<a class="github_switch_dark dc_social_switch32" title="github" href="#">github</a>
<a class="link_switch_dark dc_social_switch32" title="anchor" href="#">anchor</a>
<a class="location_switch_dark dc_social_switch32" title="location" href="#">location</a>
<a class="youtube_switch_dark dc_social_switch32" title="youtube" href="#">youtube</a>
<a class="vimeo_switch_dark dc_social_switch32" title="vimeo" href="#">vimeo</a>

Square - 32px

L1:  skype twitter rss linkedin blog blog youtube vimeo pinterest google+ google+ flickr instagram tumblr 500px add this
L2:  amazon appstore appstore bebo behance blip blogger coroflot daytum delicious deviantart dribbble dopplr dreamtemplate drupal ember feedburner
L3:  forrst foursquare friendfeed friendster github gowalla grooveshark itunes lastfm meetup metacafe mixx mobileme myspace netvibes star heart newsvine
L4:  ebay paypal photobucket picasa podcast reddit digg retweet scribd sharethis slideshare soundcloud spotify squidoo stumbleupon technorati stackoverflow viddler
L5:  virb w3 wiki apple windows xing quora gtalk aim icq msn yahoo bing google yelp

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
L1:
<a class="email_square32 dc_social_square32" title="email" href="#">email</a>
<a class="skype_square32 dc_social_square32" title="skype" href="#">skype</a>
<a class="facebook_square32 dc_social_square32" title="facebook" href="#">facebook</a>
<a class="twitter2_square32 dc_social_square32" title="twitter" href="#">twitter</a>
<a class="rss_square32 dc_social_square32" title="rss" href="#">rss</a>
<a class="linkedin_square32 dc_social_square32" title="linkedin" href="#">linkedin</a>
<a class="wordpress_square32 dc_social_square32" title="blog" href="#">blog</a>
<a class="wordpress2_square32 dc_social_square32" title="blog" href="#">blog</a>
<a class="youtube_square32 dc_social_square32" title="youtube" href="#">youtube</a>
<a class="vimeo_square32 dc_social_square32" title="vimeo" href="#">vimeo</a>
<a class="pinterest_square32 dc_social_square32" title="pinterest" href="#">pinterest</a>
<a class="googleplus_square32 dc_social_square32" title="google+" href="#">google+</a>
<a class="googleplus2_square32 dc_social_square32" title="google+" href="#">google+</a>
<a class="flickr_square32 dc_social_square32" title="flickr" href="#">flickr</a>
<a class="instagram_square32 dc_social_square32" title="instagram" href="#">instagram</a>
<a class="tumblr_square32 dc_social_square32" title="tumblr" href="#">tumblr</a>
<a class="fivehundredpx_square32 dc_social_square32" title="500px" href="#">500px</a>
<a class="addthis_square32 dc_social_square32" title="add this" href="#">add this</a><br />
L2:
<a class="amazon_square32 dc_social_square32" title="amazon" href="#">amazon</a>
<a class="appstore_square32 dc_social_square32" title="appstore" href="#">appstore</a>
<a class="appstore2_square32 dc_social_square32" title="appstore" href="#">appstore</a>
<a class="bebo_square32 dc_social_square32" title="bebo" href="#">bebo</a>
<a class="behance_square32 dc_social_square32" title="behance" href="#">behance</a>
<a class="blip_square32 dc_social_square32" title="blip" href="#">blip</a>
<a class="blogger_square32 dc_social_square32" title="blogger" href="#">blogger</a>
<a class="twitter_square32 dc_social_square32" title="twitter" href="#">twitter</a>
<a class="coroflot_square32 dc_social_square32" title="coroflot" href="#">coroflot</a>
<a class="daytum_square32 dc_social_square32" title="daytum" href="#">daytum</a>
<a class="delicious_square32 dc_social_square32" title="delicious" href="#">delicious</a>
<a class="deviantart_square32 dc_social_square32" title="deviantart" href="#">deviantart</a>
<a class="dribbble_square32 dc_social_square32" title="dribbble" href="#">dribbble</a>
<a class="dopplr_square32 dc_social_square32" title="dopplr" href="#">dopplr</a>
<a class="dreamtemplate_square32 dc_social_square32" title="dreamtemplate" href="#">dreamtemplate</a>
<a class="drupal_square32 dc_social_square32" title="drupal" href="#">drupal</a>
<a class="ember_square32 dc_social_square32" title="ember" href="#">ember</a>
<a class="feedburner_square32 dc_social_square32" title="feedburner" href="#">feedburner</a><br />
L3:
<a class="forrst_square32 dc_social_square32" title="forrst" href="#">forrst</a>
<a class="foursquare_square32 dc_social_square32" title="foursquare" href="#">foursquare</a>
<a class="friendfeed_square32 dc_social_square32" title="friendfeed" href="#">friendfeed</a>
<a class="friendster_square32 dc_social_square32" title="friendster" href="#">friendster</a>
<a class="github_square32 dc_social_square32" title="github" href="#">github</a>
<a class="gowalla_square32 dc_social_square32" title="gowalla" href="#">gowalla</a>
<a class="grooveshark_square32 dc_social_square32" title="grooveshark" href="#">grooveshark</a>
<a class="itune_square32 dc_social_square32" title="itunes" href="#">itunes</a>
<a class="lastfm_square32 dc_social_square32" title="lastfm" href="#">lastfm</a>
<a class="meetup_square32 dc_social_square32" title="meetup" href="#">meetup</a>
<a class="metacafe_square32 dc_social_square32" title="metacafe" href="#">metacafe</a>
<a class="mixx_square32 dc_social_square32" title="mixx" href="#">mixx</a>
<a class="mobileme_square32 dc_social_square32" title="mobileme" href="#">mobileme</a>
<a class="myspace_square32 dc_social_square32" title="myspace" href="#">myspace</a>
<a class="netvibes_square32 dc_social_square32" title="netvibes" href="#">netvibes</a>
<a class="star_square32 dc_social_square32" title="star" href="#">star</a>
<a class="heart_square32 dc_social_square32" title="heart" href="#">heart</a>
<a class="newsvine_square32 dc_social_square32" title="newsvine" href="#">newsvine</a><br />
L4:
<a class="ebay_square32 dc_social_square32" title="ebay" href="#">ebay</a>
<a class="paypal_square32 dc_social_square32" title="paypal" href="#">paypal</a>
<a class="photobucket_square32 dc_social_square32" title="photobucket" href="#">photobucket</a>
<a class="picasa_square32 dc_social_square32" title="picasa" href="#">picasa</a>
<a class="podcast_square32 dc_social_square32" title="podcast" href="#">podcast</a>
<a class="reddit_square32 dc_social_square32" title="reddit" href="#">reddit</a>
<a class="digg_square32 dc_social_square32" title="digg" href="#">digg</a>
<a class="retweet_square32 dc_social_square32" title="retweet" href="#">retweet</a>
<a class="scribd_square32 dc_social_square32" title="scribd" href="#">scribd</a>
<a class="sharethis_square32 dc_social_square32" title="sharethis" href="#">sharethis</a>
<a class="slideshare_square32 dc_social_square32" title="slideshare" href="#">slideshare</a>
<a class="soundcloud_square32 dc_social_square32" title="soundcloud" href="#">soundcloud</a>
<a class="spotify_square32 dc_social_square32" title="spotify" href="#">spotify</a>
<a class="squidoo_square32 dc_social_square32" title="squidoo" href="#">squidoo</a>
<a class="stumbleupon_square32 dc_social_square32" title="stumbleupon" href="#">stumbleupon</a>
<a class="technorati_square32 dc_social_square32" title="technorati" href="#">technorati</a>
<a class="stackoverflow_square32 dc_social_square32" title="stackoverflow" href="#">stackoverflow</a>
<a class="viddler_square32 dc_social_square32" title="viddler" href="#">viddler</a><br />
L5:
<a class="virb_square32 dc_social_square32" title="virb" href="#">virb</a>
<a class="w3_square32 dc_social_square32" title="w3" href="#">w3</a>
<a class="wiki_square32 dc_social_square32" title="wiki" href="#">wiki</a>
<a class="apple_square32 dc_social_square32" title="apple" href="#">apple</a>
<a class="windows_square32 dc_social_square32" title="windows" href="#">windows</a>
<a class="xing_square32 dc_social_square32" title="xing" href="#">xing</a>
<a class="quora_square32 dc_social_square32" title="quora" href="#">quora</a>
<a class="googletalk_square32 dc_social_square32" title="gtalk" href="#">gtalk</a>
<a class="aim_square32 dc_social_square32" title="aim" href="#">aim</a>
<a class="icq_square32 dc_social_square32" title="icq" href="#">icq</a>
<a class="msn_square32 dc_social_square32" title="msn" href="#">msn</a>
<a class="yahoo_square32 dc_social_square32" title="yahoo" href="#">yahoo</a>
<a class="bing_square32 dc_social_square32" title="bing" href="#">bing</a>
<a class="google_square32 dc_social_square32" title="google" href="#">google</a>
<a class="yelp_square32 dc_social_square32" title="yelp" href="#">yelp</a><br />

Square - 24px

L1:  skype twitter rss linkedin blog blog youtube vimeo pinterest google+ google+ flickr instagram tumblr 500px add this
L2:  amazon appstore appstore bebo behance blip blogger coroflot daytum delicious deviantart dribbble dopplr dreamtemplate drupal ember feedburner
L3:  forrst foursquare friendfeed friendster github gowalla grooveshark itunes lastfm meetup metacafe mixx mobileme myspace netvibes star heart newsvine
L4:  ebay paypal photobucket picasa podcast reddit digg retweet scribd sharethis slideshare soundcloud spotify squidoo stumbleupon technorati stackoverflow viddler
L5:  virb w3 wiki apple windows xing quora gtalk aim icq msn yahoo bing google yelp

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
L1:
<a class="email_square24 dc_social_square24" title="email" href="#">email</a>
<a class="skype_square24 dc_social_square24" title="skype" href="#">skype</a>
<a class="facebook_square24 dc_social_square24" title="facebook" href="#">facebook</a>
<a class="twitter2_square24 dc_social_square24" title="twitter" href="#">twitter</a>
<a class="rss_square24 dc_social_square24" title="rss" href="#">rss</a>
<a class="linkedin_square24 dc_social_square24" title="linkedin" href="#">linkedin</a>
<a class="wordpress_square24 dc_social_square24" title="blog" href="#">blog</a>
<a class="wordpress2_square24 dc_social_square24" title="blog" href="#">blog</a>
<a class="youtube_square24 dc_social_square24" title="youtube" href="#">youtube</a>
<a class="vimeo_square24 dc_social_square24" title="vimeo" href="#">vimeo</a>
<a class="pinterest_square24 dc_social_square24" title="pinterest" href="#">pinterest</a>
<a class="googleplus_square24 dc_social_square24" title="google+" href="#">google+</a>
<a class="googleplus2_square24 dc_social_square24" title="google+" href="#">google+</a>
<a class="flickr_square24 dc_social_square24" title="flickr" href="#">flickr</a>
<a class="instagram_square24 dc_social_square24" title="instagram" href="#">instagram</a>
<a class="tumblr_square24 dc_social_square24" title="tumblr" href="#">tumblr</a>
<a class="fivehundredpx_square24 dc_social_square24" title="500px" href="#">500px</a>
<a class="addthis_square24 dc_social_square24" title="add this" href="#">add this</a>
L2:
<a class="amazon_square24 dc_social_square24" title="amazon" href="#">amazon</a>
<a class="appstore_square24 dc_social_square24" title="appstore" href="#">appstore</a>
<a class="appstore2_square24 dc_social_square24" title="appstore" href="#">appstore</a>
<a class="bebo_square24 dc_social_square24" title="bebo" href="#">bebo</a>
<a class="behance_square24 dc_social_square24" title="behance" href="#">behance</a>
<a class="blip_square24 dc_social_square24" title="blip" href="#">blip</a>
<a class="blogger_square24 dc_social_square24" title="blogger" href="#">blogger</a>
<a class="twitter_square24 dc_social_square24" title="twitter" href="#">twitter</a>
<a class="coroflot_square24 dc_social_square24" title="coroflot" href="#">coroflot</a>
<a class="daytum_square24 dc_social_square24" title="daytum" href="#">daytum</a>
<a class="delicious_square24 dc_social_square24" title="delicious" href="#">delicious</a>
<a class="deviantart_square24 dc_social_square24" title="deviantart" href="#">deviantart</a>
<a class="dribbble_square24 dc_social_square24" title="dribbble" href="#">dribbble</a>
<a class="dopplr_square24 dc_social_square24" title="dopplr" href="#">dopplr</a>
<a class="dreamtemplate_square24 dc_social_square24" title="dreamtemplate" href="#">dreamtemplate</a>
<a class="drupal_square24 dc_social_square24" title="drupal" href="#">drupal</a>
<a class="ember_square24 dc_social_square24" title="ember" href="#">ember</a>
<a class="feedburner_square24 dc_social_square24" title="feedburner" href="#">feedburner</a>
L3:
<a class="forrst_square24 dc_social_square24" title="forrst" href="#">forrst</a>
<a class="foursquare_square24 dc_social_square24" title="foursquare" href="#">foursquare</a>
<a class="friendfeed_square24 dc_social_square24" title="friendfeed" href="#">friendfeed</a>
<a class="friendster_square24 dc_social_square24" title="friendster" href="#">friendster</a>
<a class="github_square24 dc_social_square24" title="github" href="#">github</a>
<a class="gowalla_square24 dc_social_square24" title="gowalla" href="#">gowalla</a>
<a class="grooveshark_square24 dc_social_square24" title="grooveshark" href="#">grooveshark</a>
<a class="itune_square24 dc_social_square24" title="itunes" href="#">itunes</a>
<a class="lastfm_square24 dc_social_square24" title="lastfm" href="#">lastfm</a>
<a class="meetup_square24 dc_social_square24" title="meetup" href="#">meetup</a>
<a class="metacafe_square24 dc_social_square24" title="metacafe" href="#">metacafe</a>
<a class="mixx_square24 dc_social_square24" title="mixx" href="#">mixx</a>
<a class="mobileme_square24 dc_social_square24" title="mobileme" href="#">mobileme</a>
<a class="myspace_square24 dc_social_square24" title="myspace" href="#">myspace</a>
<a class="netvibes_square24 dc_social_square24" title="netvibes" href="#">netvibes</a>
<a class="star_square24 dc_social_square24" title="star" href="#">star</a>
<a class="heart_square24 dc_social_square24" title="heart" href="#">heart</a>
<a class="newsvine_square24 dc_social_square24" title="newsvine" href="#">newsvine</a>
L4:
<a class="ebay_square24 dc_social_square24" title="ebay" href="#">ebay</a>
<a class="paypal_square24 dc_social_square24" title="paypal" href="#">paypal</a>
<a class="photobucket_square24 dc_social_square24" title="photobucket" href="#">photobucket</a>
<a class="picasa_square24 dc_social_square24" title="picasa" href="#">picasa</a>
<a class="podcast_square24 dc_social_square24" title="podcast" href="#">podcast</a>
<a class="reddit_square24 dc_social_square24" title="reddit" href="#">reddit</a>
<a class="digg_square24 dc_social_square24" title="digg" href="#">digg</a>
<a class="retweet_square24 dc_social_square24" title="retweet" href="#">retweet</a>
<a class="scribd_square24 dc_social_square24" title="scribd" href="#">scribd</a>
<a class="sharethis_square24 dc_social_square24" title="sharethis" href="#">sharethis</a>
<a class="slideshare_square24 dc_social_square24" title="slideshare" href="#">slideshare</a>
<a class="soundcloud_square24 dc_social_square24" title="soundcloud" href="#">soundcloud</a>
<a class="spotify_square24 dc_social_square24" title="spotify" href="#">spotify</a>
<a class="squidoo_square24 dc_social_square24" title="squidoo" href="#">squidoo</a>
<a class="stumbleupon_square24 dc_social_square24" title="stumbleupon" href="#">stumbleupon</a>
<a class="technorati_square24 dc_social_square24" title="technorati" href="#">technorati</a>
<a class="stackoverflow_square24 dc_social_square24" title="stackoverflow" href="#">stackoverflow</a>
<a class="viddler_square24 dc_social_square24" title="viddler" href="#">viddler</a>
L5:
<a class="virb_square24 dc_social_square24" title="virb" href="#">virb</a>
<a class="w3_square24 dc_social_square24" title="w3" href="#">w3</a>
<a class="wiki_square24 dc_social_square24" title="wiki" href="#">wiki</a>
<a class="apple_square24 dc_social_square24" title="apple" href="#">apple</a>
<a class="windows_square24 dc_social_square24" title="windows" href="#">windows</a>
<a class="xing_square24 dc_social_square24" title="xing" href="#">xing</a>
<a class="quora_square24 dc_social_square24" title="quora" href="#">quora</a>
<a class="googletalk_square24 dc_social_square24" title="gtalk" href="#">gtalk</a>
<a class="aim_square24 dc_social_square24" title="aim" href="#">aim</a>
<a class="icq_square24 dc_social_square24" title="icq" href="#">icq</a>
<a class="msn_square24 dc_social_square24" title="msn" href="#">msn</a>
<a class="yahoo_square24 dc_social_square24" title="yahoo" href="#">yahoo</a>
<a class="bing_square24 dc_social_square24" title="bing" href="#">bing</a>
<a class="google_square24 dc_social_square24" title="google" href="#">google</a>
<a class="yelp_square24 dc_social_square24" title="yelp" href="#">yelp</a>

Cube - 64px

L1: mail skype in google rss flickr blog
L2: vcard youtube vimeo google buzz delicious digg fff itunes last fm
L3: myspace openid orkut picasa stumbleupon technocrati tumbrl upcoming
L4: wiki aim msn yahoo

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
L1:
<a class="mail_cube3d dc_social_cube64" title="mail" href="#">mail</a>
<a class="skype_cube3d dc_social_cube64" title="skype" href="#">skype</a>
<a class="facebook_cube3d dc_social_cube64" title="facebook" href="#">facebook</a>
<a class="twitter_cube3d dc_social_cube64" title="twitter" href="#">twitter</a>
<a class="in_cube3d dc_social_cube64" title="linkedin" href="#">in</a>
<a class="google_cube3d dc_social_cube64" title="google" href="#">google</a>
<a class="feed_cube3d dc_social_cube64" title="rss" href="#">rss</a>
<a class="flickr_cube3d dc_social_cube64" title="flickr" href="#">flickr</a>
<a class="blog_cube3d dc_social_cube64" title="blog" href="#">blog</a>
L2:
<a class="vcard_cube3d dc_social_cube64" title="vcard" href="#">vcard</a>
<a class="youtube_cube3d dc_social_cube64" title="youtube" href="#">youtube</a>
<a class="vimeo_cube3d dc_social_cube64" title="vimeo" href="#">vimeo</a>
<a class="buzz_cube3d dc_social_cube64" title="google buzz" href="#">google buzz</a>
<a class="delicious_cube3d dc_social_cube64" title="delicious" href="#">delicious</a>
<a class="digg_cube3d dc_social_cube64" title="digg" href="#">digg</a>
<a class="fff_cube3d dc_social_cube64" title="fff" href="#">fff</a>
<a class="itunes_cube3d dc_social_cube64" title="itunes" href="#">itunes</a>
<a class="lastfm_cube3d dc_social_cube64" title="last fm" href="#">last fm</a>
L3:
<a class="myspace_cube3d dc_social_cube64" title="myspace" href="#">myspace</a>
<a class="openid_cube3d dc_social_cube64" title="openid" href="#">openid</a>
<a class="orkut_cube3d dc_social_cube64" title="orkut" href="#">orkut</a>
<a class="picasa_cube3d dc_social_cube64" title="picasa" href="#">picasa</a>
<a class="share_cube3d dc_social_cube64" title="share" href="#">share</a>
<a class="stumbleupon_cube3d dc_social_cube64" title="stumbleupon" href="#">stumbleupon</a>
<a class="technocrati_cube3d dc_social_cube64" title="technocrati" href="#">technocrati</a>
<a class="tumbrl_cube3d dc_social_cube64" title="tumbrl" href="#">tumbrl</a>
<a class="upcoming_cube3d dc_social_cube64" title="upcoming" href="#">upcoming</a>
L4:
<a class="wiki_cube3d dc_social_cube64" title="wiki" href="#">wiki</a>
<a class="aim_cube3d dc_social_cube64" title="aim" href="#">aim</a>
<a class="msn_cube3d dc_social_cube64" title="msn" href="#">msn</a>
<a class="yahoo_cube3d dc_social_cube64" title="yahoo" href="#">yahoo</a>

Cubes - Patterns


View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- design 1 -->
<div class="iconabsolute1_cube3d">
<a class="facebook_cube3d dc_social_cube64 icon_one" title="facebook" href="#">facebook</a>
<a class="twitter_cube3d dc_social_cube64 icon_two" title="twitter" href="#">twitter</a>
<a class="feed_cube3d dc_social_cube64 icon_three" title="rss" href="#">rss</a>
<a class="flickr_cube3d dc_social_cube64 icon_four" title="flickr" href="#">flickr</a>
<a class="vimeo_cube3d dc_social_cube64 icon_five" title="vimeo" href="#">vimeo</a>
<a class="youtube_cube3d dc_social_cube64 icon_six" title="youtube" href="#">youtube</a>
<a class="in_cube3d dc_social_cube64 icon_seven" title="linkedin" href="#">linkedin</a>
<a class="skype_cube3d dc_social_cube64 icon_eight" title="skype" href="#">skype</a>
<a class="mail_cube3d dc_social_cube64 icon_nine" title="mail" href="#">mail</a>
</div>
<div class="clear"></div>
<!-- design 2 -->
<div class="iconabsolute1_cube3d">
<a class="facebook_cube3d dc_social_cube64 icon_one" title="facebook" href="#">facebook</a>
<a class="twitter_cube3d dc_social_cube64 icon_two" title="twitter" href="#">twitter</a>
<a class="mail_cube3d dc_social_cube64 icon_three" title="mail" href="#">mail</a>
</div>
<div class="clear"></div>

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!-- design 1 -->            
<div class="iconabsolute2_cube3d">
<a class="facebook_cube3d dc_social_cube64 icon_one" title="facebook" href="#">facebook</a>
<a class="twitter_cube3d dc_social_cube64 icon_two" title="twitter" href="#">twitter</a>
<a class="feed_cube3d dc_social_cube64 icon_three" title="rss" href="#">rss</a>
<a class="flickr_cube3d dc_social_cube64 icon_four" title="flickr" href="#">flickr</a>
<a class="vimeo_cube3d dc_social_cube64 icon_five" title="vimeo" href="#">vimeo</a>
<a class="youtube_cube3d dc_social_cube64 icon_six" title="youtube" href="#">youtube</a>
<a class="in_cube3d dc_social_cube64 icon_seven" title="linkedin" href="#">linkedin</a>
<a class="mail_cube3d dc_social_cube64 icon_eight" title="mail" href="#">mail</a>
<a class="skype_cube3d dc_social_cube64 icon_nine" title="skype" href="#">skype</a>
</div>
<div class="clear"></div>
<!-- design 2 -->
<div class="iconabsolute2_cube3d">
<a class="facebook_cube3d dc_social_cube64 icon_one" title="facebook" href="#">facebook</a>
<a class="feed_cube3d dc_social_cube64 icon_three" title="rss" href="#">rss</a>
<a class="mail_cube3d dc_social_cube64 icon_five" title="mail" href="#">mail</a>
<a class="in_cube3d dc_social_cube64 icon_seven" title="linkedin" href="#">linkedin</a>
<a class="twitter_cube3d dc_social_cube64 icon_nine" title="twitter" href="#">twitter</a>
</div>
<div class="clear"></div>
<!-- design 3 -->
<div class="iconabsolute2_cube3d">
<a class="twitter_cube3d dc_social_cube64 icon_two" title="twitter" href="#">twitter</a>
<a class="flickr_cube3d dc_social_cube64 icon_four" title="flickr" href="#">flickr</a>
<a class="mail_cube3d dc_social_cube64 icon_five" title="mail" href="#">mail</a>
<a class="facebook_cube3d dc_social_cube64 icon_six" title="facebook" href="#">facebook</a>
<a class="skype_cube3d dc_social_cube64 icon_eight" title="skype" href="#">skype</a>
</div>
<div class="clear"></div>

Flat 3D - 47px

L1:  skype linkedin google+ rss blog flickr cloud lastfm
L2:  yahoo aim myspace dribbble vimeo deviantart sharethis

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
L1:
<a class="facebook_flat3d dc_social_flat3d" title="facebook" href="#">facebook</a>
<a class="skype_flat3d dc_social_flat3d" title="skype" href="#">skype</a>
<a class="twitter_flat3d dc_social_flat3d" title="twitter" href="#">twitter</a>
<a class="linkedin_flat3d dc_social_flat3d" title="linkedin" href="#">linkedin</a>
<a class="googleplus_flat3d dc_social_flat3d" title="google+" href="#">google+</a>
<a class="rss_flat3d dc_social_flat3d" title="rss" href="#">rss</a>
<a class="blog_flat3d dc_social_flat3d" title="blog" href="#">blog</a>
<a class="flickr_flat3d dc_social_flat3d" title="flickr" href="#">flickr</a>
<a class="cloud_flat3d dc_social_flat3d" title="cloud" href="#">cloud</a>
<a class="lastfm_flat3d dc_social_flat3d" title="lastfm" href="#">lastfm</a>
L2:
<a class="yahoo_flat3d dc_social_flat3d" title="yahoo" href="#">yahoo</a>
<a class="aim_flat3d dc_social_flat3d" title="aim" href="#">aim</a>
<a class="myspace_flat3d dc_social_flat3d" title="myspace" href="#">myspace</a>
<a class="dribbble_flat3d dc_social_flat3d" title="dribbble" href="#">dribbble</a
<a class="vimeo_flat3d dc_social_flat3d" title="vimeo" href="#">vimeo</a>
<a class="deviantart_flat3d dc_social_flat3d" title="deviantart" href="#">deviantart</a>   
<a class="sharethis_flat3d dc_social_flat3d" title="sharethis" href="#">sharethis</a>

Glossy - 64px

skype google rss flickr
youtube vimeo lastfm tumblr deviantart

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<a class="email_glossy64 dc_glossy_64" title="email" href="#">email</a>
<a class="skype_glossy64 dc_glossy_64" title="skype" href="#">skype</a>
<a class="facebook_glossy64 dc_glossy_64" title="facebook" href="#">facebook</a>
<a class="twitter_glossy64 dc_glossy_64" title="twitter" href="#">twitter</a>
<a class="google_glossy64 dc_glossy_64" title="google" href="#">google</a>
<a class="rss_glossy64 dc_glossy_64" title="rss" href="#">rss</a>
<a class="flickr_glossy64 dc_glossy_64" title="flickr" href="#">flickr</a>
<a class="youtube_glossy64 dc_glossy_64" title="youtube" href="#">youtube</a>
<a class="vimeo_glossy64 dc_glossy_64" title="vimeo" href="#">vimeo</a>
<a class="lastfm_glossy64 dc_glossy_64" title="lastfm" href="#">lastfm</a>
<a class="tumblr_glossy64 dc_glossy_64" title="tumblr" href="#">tumblr</a>
<a class="deviantart_glossy64 dc_glossy_64" title="deviantart" href="#">deviantart</a>

Toony - 32px

google+ rss youtube sharethis myspace bebo cargo digg dribbble forrst grooveshark mobileme tumblr yahoo! aim

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<a class="facebook_toony dc_social_toony" title="facebook" href="#">facebook</a>
<a class="twitter_toony dc_social_toony" title="twitter" href="#">twitter</a>
<a class="googleplus_toony dc_social_toony" title="google+" href="#">google+</a>
<a class="rss_toony dc_social_toony" title="rss" href="#">rss</a>
<a class="youtube_toony dc_social_toony" title="youtube" href="#">youtube</a>
<a class="sharethis_toony dc_social_toony" title="sharethis" href="#">sharethis</a>
<a class="myspace_toony dc_social_toony" title="myspace" href="#">myspace</a>
<a class="bebo_toony dc_social_toony" title="bebo" href="#">bebo</a>
<a class="cargo_toony dc_social_toony" title="cargo" href="#">cargo</a>
<a class="digg_toony dc_social_toony" title="digg" href="#">digg</a>
<a class="dribbble_toony dc_social_toony" title="dribbble" href="#">dribbble</a>
<a class="forrst_toony dc_social_toony" title="forrst" href="#">forrst</a>
<a class="grooveshark_toony dc_social_toony" title="grooveshark" href="#">grooveshark</a>
<a class="mobileme_toony dc_social_toony" title="mobileme" href="#">mobileme</a>
<a class="tumblr_toony dc_social_toony" title="tumblr" href="#">tumblr</a>
<a class="yahoo_toony dc_social_toony" title="yahoo!" href="#">yahoo!</a>
<a class="aim_toony dc_social_toony" title="aim" href="#">aim</a>

Focused Large - 32px

L1:  mail skype linkedin google+ rss blog flickr youtube vimeo instagram 500px add this tumblr
L2:  delicious deviantart dopplr dribbble_ evernote forrst github grooveshark lastfm_ myspace path paypal picasa digg reddit
L3:  sharethis behance stumbleupon virb windows

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
L1:
<a class="mail_focused dc_social_focused" title="mail" href="#">mail</a>
<a class="skype_focused dc_social_focused" title="skype" href="#">skype</a>
<a class="facebook_focused dc_social_focused" title="facebook" href="#">facebook</a>
<a class="twitter_focused dc_social_focused" title="twitter" href="#">twitter</a>
<a class="linkedin_focused dc_social_focused" title="linkedin" href="#">linkedin</a>
<a class="googleplus_focused dc_social_focused" title="google+" href="#">google+</a>
<a class="rss_focused dc_social_focused" title="rss" href="#">rss</a>
<a class="wordpress_focused dc_social_focused" title="blog" href="#">blog</a>
<a class="flickr_focused dc_social_focused" title="flickr" href="#">flickr</a>
<a class="youtube_focused dc_social_focused" title="youtube" href="#">youtube</a>
<a class="vimeo_focused dc_social_focused" title="vimeo" href="#">vimeo</a>
<a class="instagram_focused dc_social_focused" title="instagram" href="#">instagram</a>
<a class="fivehundredpx dc_social_focused" title="500px" href="#">500px</a>
<a class="addthis_focused dc_social_focused" title="add this" href="#">add this</a>
<a class="tumblr_focused dc_social_focused" title="tumblr" href="#">tumblr</a>
L2:
<a class="delicious_focused dc_social_focused" title="delicious" href="#">delicious</a>
<a class="deviantart_focused dc_social_focused" title="deviantart" href="#">deviantart</a>
<a class="dopplr_focused dc_social_focused" title="dopplr" href="#">dopplr</a>
<a class="dribbble_focused dc_social_focused" title="dribbble_" href="#">dribbble_</a>
<a class="evernote_focused dc_social_focused" title="evernote" href="#">evernote</a>
<a class="forrst_focused dc_social_focused" title="forrst" href="#">forrst</a>
<a class="github_focused dc_social_focused" title="github" href="#">github</a>
<a class="grooveshark_focused dc_social_focused" title="grooveshark" href="#">grooveshark</a>
<a class="lastfm_focused dc_social_focused" title="lastfm_" href="#">lastfm_</a>
<a class="myspace_focused dc_social_focused" title="myspace" href="#">myspace</a>
<a class="path_focused dc_social_focused" title="path" href="#">path</a>
<a class="paypal_focused dc_social_focused" title="paypal" href="#">paypal</a>
<a class="picasa_focused dc_social_focused" title="picasa" href="#">picasa</a>
<a class="digg_focused dc_social_focused" title="digg" href="#">digg</a>
<a class="reddit_focused dc_social_focused" title="reddit" href="#">reddit</a>
L3:
<a class="sharethis_focused dc_social_focused" title="sharethis" href="#">sharethis</a>
<a class="behance_focused dc_social_focused" title="behance" href="#">behance</a>
<a class="stumbleupon_focused dc_social_focused" title="stumbleupon" href="#">stumbleupon</a>
<a class="virb_focused dc_social_focused" title="virb" href="#">virb</a>
<a class="windows_focused dc_social_focused" title="windows" href="#">windows</a>

Circle - 32px

L1:  skype google rss location wordpress flickr youtube vimeo addthis behance blogger
L2:  delicious deviantart reddit digg dribbble github tumblr yahoo aim msn myspace paypal stumbleupon technorati
L3:  apple windows

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
L1:
<a class="email_circle dc_social_circle" title="email" href="#">email</a>
<a class="skype_circle dc_social_circle" title="skype" href="#">skype</a>
<a class="facebook_circle dc_social_circle" title="facebook" href="#">facebook</a>
<a class="twitter_circle dc_social_circle" title="twitter" href="#">twitter</a>
<a class="google_circle dc_social_circle" title="google" href="#">google</a>
<a class="rss_circle dc_social_circle" title="rss" href="#">rss</a>
<a class="location_circle dc_social_circle" title="location" href="#">location</a>
<a class="wordpress_circle dc_social_circle" title="wordpress" href="#">wordpress</a>
<a class="flickr_circle dc_social_circle" title="flickr" href="#">flickr</a>
<a class="youtube_circle dc_social_circle" title="youtube" href="#">youtube</a>
<a class="vimeo_circle dc_social_circle" title="vimeo" href="#">vimeo</a>
<a class="addthis_circle dc_social_circle" title="addthis" href="#">addthis</a>
<a class="behance_circle dc_social_circle" title="behance" href="#">behance</a>
<a class="blogger_circle dc_social_circle" title="blogger" href="#">blogger</a>
L2:
<a class="delicious_circle dc_social_circle" title="delicious" href="#">delicious</a>
<a class="deviantart_circle dc_social_circle" title="deviantart" href="#">deviantart</a>
<a class="reddit_circle dc_social_circle" title="reddit" href="#">reddit</a>
<a class="digg_circle dc_social_circle" title="digg" href="#">digg</a>
<a class="dribbble_circle dc_social_circle" title="dribbble" href="#">dribbble</a>
<a class="github_circle dc_social_circle" title="github" href="#">github</a>
<a class="tumblr_circle dc_social_circle" title="tumblr" href="#">tumblr</a>
<a class="yahoo_circle dc_social_circle" title="yahoo" href="#">yahoo</a>
<a class="aim_circle dc_social_circle" title="aim" href="#">aim</a>
<a class="msn_circle dc_social_circle" title="msn" href="#">msn</a>
<a class="myspace_circle dc_social_circle" title="myspace" href="#">myspace</a>
<a class="paypal_circle dc_social_circle" title="paypal" href="#">paypal</a>
<a class="stumbleupon_circle dc_social_circle" title="stumbleupon" href="#">stumbleupon</a>
<a class="technorati_circle dc_social_circle" title="technorati" href="#">technorati</a>
L3:
<a class="apple_circle dc_social_circle" title="apple" href="#">apple</a>
<a class="windows_circle dc_social_circle" title="windows" href="#">windows</a>

Dark Gloss - 32px

skype blog rss linkedin youtube vimeo microsoft apple paypal reddit digg stumbleupon myspace tumblr deviantart

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<a class="skype_dgloss32 dc_dgloss_32" title="skype" href="#">skype</a>
<a class="facebook_dgloss32 dc_dgloss_32" title="facebook" href="#">facebook</a>
<a class="twitter_dgloss32 dc_dgloss_32" title="twitter" href="#">twitter</a>
<a class="blog_dgloss32 dc_dgloss_32" title="blog" href="#">blog</a>
<a class="rss_dgloss32 dc_dgloss_32" title="rss" href="#">rss</a>
<a class="linkedin_dgloss32 dc_dgloss_32" title="linkedin" href="#">linkedin</a>
<a class="youtube_dgloss32 dc_dgloss_32" title="youtube" href="#">youtube</a>
<a class="vimeo_dgloss32 dc_dgloss_32" title="vimeo" href="#">vimeo</a>
<a class="microsoft_dgloss32 dc_dgloss_32" title="microsoft" href="#">microsoft</a>
<a class="apple_dgloss32 dc_dgloss_32" title="apple" href="#">apple</a>
<a class="paypal_dgloss32 dc_dgloss_32" title="paypal" href="#">paypal</a>
<a class="reddit_dgloss32 dc_dgloss_32" title="reddit" href="#">reddit</a>
<a class="digg_dgloss32 dc_dgloss_32" title="digg" href="#">digg</a>
<a class="stumbleupon_dgloss32 dc_dgloss_32" title="stumbleupon" href="#">stumbleupon</a>
<a class="myspace_dgloss32 dc_dgloss_32" title="myspace" href="#">myspace</a>
<a class="tumblr_dgloss32 dc_dgloss_32" title="tumblr" href="#">tumblr</a>
<a class="deviantart_dgloss32 dc_dgloss_32" title="deviantart" href="#">deviantart</a>

Shaded - 32px

skype rss flickr linkedin myspace deviantart digg lastfm

View code:

1
2
3
4
5
6
7
8
9
10
<a class="skype_shaded32 dc_shaded_32" title="skype" href="#">skype</a>
<a class="facebook_shaded32 dc_shaded_32" title="facebook" href="#">facebook</a>
<a class="twitter_shaded32 dc_shaded_32" title="twitter" href="#">twitter</a>
<a class="rss_shaded32 dc_shaded_32" title="rss" href="#">rss</a>
<a class="flickr_shaded32 dc_shaded_32" title="flickr" href="#">flickr</a>
<a class="linkedin_shaded32 dc_shaded_32" title="linkedin" href="#">linkedin</a>
<a class="myspace_shaded32 dc_shaded_32" title="myspace" href="#">myspace</a>
<a class="deviantart_shaded32 dc_shaded_32" title="deviantart" href="#">deviantart</a>
<a class="digg_shaded32 dc_shaded_32" title="digg" href="#">digg</a>
<a class="lastfm_shaded32 dc_shaded_32" title="lastfm" href="#">lastfm</a>

Glossy - 32px

skype google rss flickr youtube vimeo lastfm tumblr deviantart

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<a class="email_glossy32 dc_glossy_32" title="email" href="#">email</a>
<a class="skype_glossy32 dc_glossy_32" title="skype" href="#">skype</a>
<a class="facebook_glossy32 dc_glossy_32" title="facebook" href="#">facebook</a>
<a class="twitter_glossy32 dc_glossy_32" title="twitter" href="#">twitter</a>
<a class="google_glossy32 dc_glossy_32" title="google" href="#">google</a>
<a class="rss_glossy32 dc_glossy_32" title="rss" href="#">rss</a>
<a class="flickr_glossy32 dc_glossy_32" title="flickr" href="#">flickr</a>
<a class="youtube_glossy32 dc_glossy_32" title="youtube" href="#">youtube</a>
<a class="vimeo_glossy32 dc_glossy_32" title="vimeo" href="#">vimeo</a>
<a class="lastfm_glossy32 dc_glossy_32" title="lastfm" href="#">lastfm</a>
<a class="tumblr_glossy32 dc_glossy_32" title="tumblr" href="#">tumblr</a>
<a class="deviantart_glossy32 dc_glossy_32" title="deviantart" href="#">deviantart</a>

Glossy - 24px

skype google rss flickr youtube vimeo lastfm tumblr deviantart

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<a class="email_glossy24 dc_glossy_24" title="email" href="#">email</a>
<a class="skype_glossy24 dc_glossy_24" title="skype" href="#">skype</a>
<a class="facebook_glossy24 dc_glossy_24" title="facebook" href="#">facebook</a>
<a class="twitter_glossy24 dc_glossy_24" title="twitter" href="#">twitter</a>
<a class="google_glossy24 dc_glossy_24" title="google" href="#">google</a>
<a class="rss_glossy24 dc_glossy_24" title="rss" href="#">rss</a>
<a class="flickr_glossy24 dc_glossy_24" title="flickr" href="#">flickr</a>
<a class="youtube_glossy24 dc_glossy_24" title="youtube" href="#">youtube</a>
<a class="vimeo_glossy24 dc_glossy_24" title="vimeo" href="#">vimeo</a>
<a class="lastfm_glossy24 dc_glossy_24" title="lastfm" href="#">lastfm</a>
<a class="tumblr_glossy24 dc_glossy_24" title="tumblr" href="#">tumblr</a>
<a class="deviantart_glossy24 dc_glossy_24" title="deviantart" href="#">deviantart</a>

Teeny - 22px

L1:  email skype linkedin google+ rss flickr youtube youtube vimeo pinterest instagram blogger 500px delicious digg dribbble dopplr evernote
L2:  forrst foursquare geotag github github google grooveshark lastfm myspace picasa sharethis stackoverflow stumbleupon technorati tumblr twitter ustream yahoo

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
L1:
<a class="mail_teeny dc_social_teeny" title="email" href="#">email</a>
<a class="skype_teeny dc_social_teeny" title="skype" href="#">skype</a>
<a class="facebook_teeny dc_social_teeny" title="facebook" href="#">facebook</a>
<a class="twitter_teeny dc_social_teeny" title="twitter" href="#">twitter</a>
<a class="linkedin_teeny dc_social_teeny" title="linkedin" href="#">linkedin</a>
<a class="googleplus_teeny dc_social_teeny" title="google+" href="#">google+</a>
<a class="feed_teeny dc_social_teeny" title="rss" href="#">rss</a>
<a class="flickr_teeny dc_social_teeny" title="flickr" href="#">flickr</a>
<a class="youtube_teeny dc_social_teeny" title="youtube" href="#">youtube</a>
<a class="youtube2_teeny dc_social_teeny" title="youtube" href="#">youtube</a>
<a class="vimeo_teeny dc_social_teeny" title="vimeo" href="#">vimeo</a>
<a class="pinterest_teeny dc_social_teeny" title="pinterest" href="#">pinterest</a>
<a class="instagram_teeny dc_social_teeny" title="instagram" href="#">instagram</a>
<a class="blogger_teeny dc_social_teeny" title="blogger" href="#">blogger</a>
<a class="fivehundredpx dc_social_teeny" title="500px" href="#">500px</a>
<a class="delicious_teeny dc_social_teeny" title="delicious" href="#">delicious</a>
<a class="digg_teeny dc_social_teeny" title="digg" href="#">digg</a>
<a class="dribbble_teeny dc_social_teeny" title="dribbble" href="#">dribbble</a>
<a class="dopplr_teeny dc_social_teeny" title="dopplr" href="#">dopplr</a>
<a class="evernote_teeny dc_social_teeny" title="evernote" href="#">evernote</a>
L2:
<a class="forrst_teeny dc_social_teeny" title="forrst" href="#">forrst</a>
<a class="foursquare_teeny dc_social_teeny" title="foursquare" href="#">foursquare</a>
<a class="geotag_teeny dc_social_teeny" title="geotag" href="#">geotag</a>
<a class="github_teeny dc_social_teeny" title="github" href="#">github</a>
<a class="github2_teeny dc_social_teeny" title="github" href="#">github</a>
<a class="google_teeny dc_social_teeny" title="google" href="#">google</a>
<a class="grooveshark_teeny dc_social_teeny" title="grooveshark" href="#">grooveshark</a>
<a class="lastfm_teeny dc_social_teeny" title="lastfm" href="#">lastfm</a>
<a class="myspace_teeny dc_social_teeny" title="myspace" href="#">myspace</a>
<a class="picasa_teeny dc_social_teeny" title="picasa" href="#">picasa</a>
<a class="sharethis_teeny dc_social_teeny" title="sharethis" href="#">sharethis</a>
<a class="stackoverflow_teeny dc_social_teeny" title="stackoverflow" href="#">stackoverflow</a>
<a class="stumbleupon_teeny dc_social_teeny" title="stumbleupon" href="#">stumbleupon</a>
<a class="technorati_teeny dc_social_teeny" title="technorati" href="#">technorati</a>
<a class="tumblr_teeny dc_social_teeny" title="tumblr" href="#">tumblr</a>
<a class="twitter2_teeny dc_social_teeny" title="twitter" href="#">twitter</a>
<a class="ustream_teeny dc_social_teeny" title="ustream" href="#">ustream</a>
<a class="yahoo_teeny dc_social_teeny" title="yahoo" href="#">yahoo</a>

Mini - 16px

linkedin rss flickr vimeo tumblr music bebo blogger delicious digg dopplr dribbble forrst lastfm mixx myspace netvibes orkut picasa sharethis stumbleupon technorati yahoo

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<a class="facebook_mini dc_social_mini" title="facebook" href="#">facebook</a>
<a class="twitter_mini dc_social_mini" title="twitter" href="#">twitter</a>
<a class="linkedin_mini dc_social_mini" title="linkedin" href="#">linkedin</a>
<a class="rss_mini dc_social_mini" title="rss" href="#">rss</a>
<a class="flickr_mini dc_social_mini" title="flickr" href="#">flickr</a>
<a class="vimeo_mini dc_social_mini" title="vimeo" href="#">vimeo</a>
<a class="tumblr_mini dc_social_mini" title="tumblr" href="#">tumblr</a>
<a class="music_mini dc_social_mini" title="music" href="#">music</a>
<a class="bebo_mini dc_social_mini" title="bebo" href="#">bebo</a>
<a class="blogger_mini dc_social_mini" title="blogger" href="#">blogger</a>
<a class="delicious_mini dc_social_mini" title="delicious" href="#">delicious</a>
<a class="digg_mini dc_social_mini" title="digg" href="#">digg</a>
<a class="dopplr_mini dc_social_mini" title="dopplr" href="#">dopplr</a>
<a class="dribbble_mini dc_social_mini" title="dribbble" href="#">dribbble</a>
<a class="forrst_mini dc_social_mini" title="forrst" href="#">forrst</a>
<a class="lastfm_mini dc_social_mini" title="lastfm" href="#">lastfm</a>
<a class="mixx_mini dc_social_mini" title="mixx" href="#">mixx</a>
<a class="myspace_mini dc_social_mini" title="myspace" href="#">myspace</a>
<a class="netvibes_mini dc_social_mini" title="netvibes" href="#">netvibes</a>
<a class="orkut_mini dc_social_mini" title="orkut" href="#">orkut</a>
<a class="picasa_mini dc_social_mini" title="picasa" href="#">picasa</a>
<a class="sharethis_mini dc_social_mini" title="sharethis" href="#">sharethis</a>
<a class="stumbleupon_mini dc_social_mini" title="stumbleupon" href="#">stumbleupon</a>
<a class="technorati_mini dc_social_mini" title="technorati" href="#">technorati</a>
<a class="yahoo_mini dc_social_mini" title="yahoo" href="#">yahoo</a>

Micro - 16px

L1:  mail skype google+ linkedin rss blog flickr youtube vimeo instagram github dopplr myspace tumblr lastfm dribbble behance path paypal
L2:  deviantart forrst grooveshark virb addthis delicious evernote sharethis 500px picasa reddit digg stumbleupon windows

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
L1:
<a class="mail_micro dc_social_micro" title="mail" href="#">mail</a>
<a class="skype_micro dc_social_micro" title="skype" href="#">skype</a>
<a class="facebook_micro dc_social_micro" title="facebook" href="#">facebook</a>
<a class="twitter_micro dc_social_micro" title="twitter" href="#">twitter</a>
<a class="google_micro dc_social_micro" title="google+" href="#">google+</a>
<a class="linkedin_micro dc_social_micro" title="linkedin" href="#">linkedin</a>
<a class="rss_micro dc_social_micro" title="rss" href="#">rss</a>
<a class="wordpress_micro dc_social_micro" title="blog" href="#">blog</a>
<a class="flickr_micro dc_social_micro" title="flickr" href="#">flickr</a>
<a class="youtube_micro dc_social_micro" title="youtube" href="#">youtube</a>
<a class="vimeo_micro dc_social_micro" title="vimeo" href="#">vimeo</a>
<a class="instagram_micro dc_social_micro" title="instagram" href="#">instagram</a>
<a class="github_micro dc_social_micro" title="github" href="#">github</a>
<a class="dopplr_micro dc_social_micro" title="dopplr" href="#">dopplr</a>
<a class="myspace_micro dc_social_micro" title="myspace" href="#">myspace</a>
<a class="tumblr_micro dc_social_micro" title="tumblr" href="#">tumblr</a>
<a class="lastfm_micro dc_social_micro" title="lastfm" href="#">lastfm</a>
<a class="dribbble_micro dc_social_micro" title="dribbble" href="#">dribbble</a>
<a class="behance_micro dc_social_micro" title="behance" href="#">behance</a>
<a class="path_micro dc_social_micro" title="path" href="#">path</a>
<a class="paypal_micro dc_social_micro" title="paypal" href="#">paypal</a>
L2:
<a class="deviantart_micro dc_social_micro" title="deviantart" href="#">deviantart</a>
<a class="forrst_micro dc_social_micro" title="forrst" href="#">forrst</a>
<a class="grooveshark_micro dc_social_micro" title="grooveshark" href="#">grooveshark</a>
<a class="virb_micro dc_social_micro" title="virb" href="#">virb</a>
<a class="addthis_micro dc_social_micro" title="addthis" href="#">addthis</a>
<a class="delicious_micro dc_social_micro" title="delicious" href="#">delicious</a>
<a class="evernote_micro dc_social_micro" title="evernote" href="#">evernote</a>
<a class="sharethis_micro dc_social_micro" title="sharethis" href="#">sharethis</a>
<a class="fivehundredpx_micro dc_social_micro" title="500px" href="#">500px</a>
<a class="picasa_micro dc_social_micro" title="picasa" href="#">picasa</a>
<a class="reddit_micro dc_social_micro" title="reddit" href="#">reddit</a>
<a class="digg_micro dc_social_micro" title="digg" href="#">digg</a>
<a class="stumbleupon_micro dc_social_micro" title="stumbleupon" href="#">stumbleupon</a>
<a class="windows_micro dc_social_micro" title="windows" href="#">windows</a>

Browser Icons - 16px/32px

L1: 

L2: 

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
L1:
<a class="ico-firefox16 dc_browser-icon16" title="mozilla firefox" href="#"></a>
<a class="ico-iexplore16 dc_browser-icon16" title="microsoft internet explorer" href="#"></a>
<a class="ico-chrome16 dc_browser-icon16" title="google chrome" href="#"></a>
<a class="ico-safari16 dc_browser-icon16" title="apple safari" href="#"></a>
<a class="ico-opera16 dc_browser-icon16" title="opera" href="#"></a>
<a class="ico-html516 dc_browser-icon16" title="html 5" href="#"></a>
L2:
<a class="ico-firefox32 dc_browser-icon32" title="mozilla firefox" href="#"></a>
<a class="ico-iexplore32 dc_browser-icon32" title="microsoft internet explorer" href="#"></a>
<a class="ico-chrome32 dc_browser-icon32" title="google chrome" href="#"></a>
<a class="ico-safari32 dc_browser-icon32" title="apple safari" href="#"></a>
<a class="ico-opera32 dc_browser-icon32" title="opera" href="#"></a>
<a class="ico-html532 dc_browser-icon32" title="html 5" href="#"></a>

Dice - 32px

L1:  skype google+ linkedin feed location pinterest wordpress youtube vimeo link flickr
L2:  500px behance delicious reddit digg dropbox formspring github dribbble deviantart icloud instagram itunes
L3:  lastfm myspace ebay paypal retweet technorati tumblr apple windows aim yahoo yelp

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
L1:
<a class="email_dice dc_social_dice" title="email" href="#">email</a>
<a class="skype_dice dc_social_dice" title="skype" href="#">skype</a>
<a class="facebook_dice dc_social_dice" title="facebook" href="#">facebook</a>
<a class="twitter_dice dc_social_dice" title="twitter" href="#">twitter</a>
<a class="google_plus_dice dc_social_dice" title="google+" href="#">google+</a>
<a class="linkedin_dice dc_social_dice" title="linkedin" href="#">linkedin</a>
<a class="feed_dice dc_social_dice" title="feed" href="#">feed</a>
<a class="location_dice dc_social_dice" title="location" href="#">location</a>
<a class="pinterest_dice dc_social_dice" title="pinterest" href="#">pinterest</a>
<a class="wordpress_dice dc_social_dice" title="wordpress" href="#">wordpress</a>
<a class="youtube_dice dc_social_dice" title="youtube" href="#">youtube</a>
<a class="vimeo_dice dc_social_dice" title="vimeo" href="#">vimeo</a>
<a class="linked_dice dc_social_dice" title="linked" href="#">link</a>
<a class="flickr_dice dc_social_dice" title="flickr" href="#">flickr</a>
L2:
<a class="twitter_alt_dice dc_social_dice" title="twitter" href="#">twitter_alt</a>
<a class="fivehundredpx_dice dc_social_dice" title="500px" href="#">500px</a>
<a class="behance_dice dc_social_dice" title="behance" href="#">behance</a>
<a class="delicious_dice dc_social_dice" title="delicious" href="#">delicious</a>
<a class="reddit_dice dc_social_dice" title="reddit" href="#">reddit</a>
<a class="digg_dice dc_social_dice" title="digg" href="#">digg</a>
<a class="dropbox_dice dc_social_dice" title="dropbox" href="#">dropbox</a>
<a class="formspring_dice dc_social_dice" title="formspring" href="#">formspring</a>
<a class="github_dice dc_social_dice" title="github" href="#">github</a>
<a class="dribbble_dice dc_social_dice" title="dribbble" href="#">dribbble</a>
<a class="deviantart_dice dc_social_dice" title="deviantart" href="#">deviantart</a>
<a class="icloud_dice dc_social_dice" title="icloud" href="#">icloud</a>
<a class="instagram_dice dc_social_dice" title="instagram" href="#">instagram</a>
<a class="itunes_dice dc_social_dice" title="itunes" href="#">itunes</a>
L3:
<a class="lastfm_dice dc_social_dice" title="lastfm" href="#">lastfm</a>
<a class="myspace_dice dc_social_dice" title="myspace" href="#">myspace</a>
<a class="ebay_dice dc_social_dice" title="ebay" href="#">ebay</a>
<a class="paypal_dice dc_social_dice" title="paypal" href="#">paypal</a>
<a class="retweet_dice dc_social_dice" title="retweet" href="#">retweet</a>
<a class="technorati_dice dc_social_dice" title="technorati" href="#">technorati</a>
<a class="tumblr_dice dc_social_dice" title="tumblr" href="#">tumblr</a>
<a class="apple_dice dc_social_dice" title="apple" href="#">apple</a>
<a class="windows_dice dc_social_dice" title="windows" href="#">windows</a>
<a class="aim_dice dc_social_dice" title="aim" href="#">aim</a>
<a class="yahoo_dice dc_social_dice" title="yahoo" href="#">yahoo</a>
<a class="yelp_dice dc_social_dice" title="yelp" href="#">yelp</a>

Metro - 32px

L1:  skype google+ linkedin feed location pinterest wordpress youtube vimeo link flickr
L2:  500px behance delicious reddit digg dropbox formspring github dribbble deviantart icloud instagram itunes
L3:  lastfm myspace ebay paypal retweet technorati tumblr apple windows aim yahoo yelp

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
L1:
<a class="email_metro dc_social_metro" title="email" href="#">email</a>
<a class="skype_metro dc_social_metro" title="skype" href="#">skype</a>
<a class="facebook_metro dc_social_metro" title="facebook" href="#">facebook</a>
<a class="twitter_metro dc_social_metro" title="twitter" href="#">twitter</a>
<a class="google_plus_metro dc_social_metro" title="google+" href="#">google+</a>
<a class="linkedin_metro dc_social_metro" title="linkedin" href="#">linkedin</a>
<a class="feed_metro dc_social_metro" title="feed" href="#">feed</a>
<a class="location_metro dc_social_metro" title="location" href="#">location</a>
<a class="pinterest_metro dc_social_metro" title="pinterest" href="#">pinterest</a>
<a class="wordpress_metro dc_social_metro" title="wordpress" href="#">wordpress</a>
<a class="youtube_metro dc_social_metro" title="youtube" href="#">youtube</a>
<a class="vimeo_metro dc_social_metro" title="vimeo" href="#">vimeo</a>
<a class="linked_metro dc_social_metro" title="linked" href="#">link</a>
<a class="flickr_metro dc_social_metro" title="flickr" href="#">flickr</a>
L2:
<a class="twitter_alt_metro dc_social_metro" title="twitter" href="#">twitter_alt</a>
<a class="fivehundredpx_metro dc_social_metro" title="500px" href="#">500px</a>
<a class="behance_metro dc_social_metro" title="behance" href="#">behance</a>
<a class="delicious_metro dc_social_metro" title="delicious" href="#">delicious</a>
<a class="reddit_metro dc_social_metro" title="reddit" href="#">reddit</a>
<a class="digg_metro dc_social_metro" title="digg" href="#">digg</a>
<a class="dropbox_metro dc_social_metro" title="dropbox" href="#">dropbox</a>
<a class="formspring_metro dc_social_metro" title="formspring" href="#">formspring</a>
<a class="github_metro dc_social_metro" title="github" href="#">github</a>
<a class="dribbble_metro dc_social_metro" title="dribbble" href="#">dribbble</a>
<a class="deviantart_metro dc_social_metro" title="deviantart" href="#">deviantart</a>
<a class="icloud_metro dc_social_metro" title="icloud" href="#">icloud</a>
<a class="instagram_metro dc_social_metro" title="instagram" href="#">instagram</a>
<a class="itunes_metro dc_social_metro" title="itunes" href="#">itunes</a>
L3:
<a class="lastfm_metro dc_social_metro" title="lastfm" href="#">lastfm</a>
<a class="myspace_metro dc_social_metro" title="myspace" href="#">myspace</a>
<a class="ebay_metro dc_social_metro" title="ebay" href="#">ebay</a>
<a class="paypal_metro dc_social_metro" title="paypal" href="#">paypal</a>
<a class="retweet_metro dc_social_metro" title="retweet" href="#">retweet</a>
<a class="technorati_metro dc_social_metro" title="technorati" href="#">technorati</a>
<a class="tumblr_metro dc_social_metro" title="tumblr" href="#">tumblr</a>
<a class="apple_metro dc_social_metro" title="apple" href="#">apple</a>
<a class="windows_metro dc_social_metro" title="windows" href="#">windows</a>
<a class="aim_metro dc_social_metro" title="aim" href="#">aim</a>
<a class="yahoo_metro dc_social_metro" title="yahoo" href="#">yahoo</a>
<a class="yelp_metro dc_social_metro" title="yelp" href="#">yelp</a>

Round Colors - 32px

L1:  skype google+ linkedin feed location pinterest wordpress youtube vimeo link flickr
L2:  500px behance delicious reddit digg dropbox formspring github dribbble deviantart icloud instagram itunes
L3:  lastfm myspace ebay paypal retweet technorati tumblr apple windows aim yahoo yelp

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
L1:
<a class="email_round dc_social_round" title="email" href="#">email</a>
<a class="skype_round dc_social_round" title="skype" href="#">skype</a>
<a class="facebook_round dc_social_round" title="facebook" href="#">facebook</a>
<a class="twitter_round dc_social_round" title="twitter" href="#">twitter</a>
<a class="google_plus_round dc_social_round" title="google+" href="#">google+</a>
<a class="linkedin_round dc_social_round" title="linkedin" href="#">linkedin</a>
<a class="feed_round dc_social_round" title="feed" href="#">feed</a>
<a class="location_round dc_social_round" title="location" href="#">location</a>
<a class="pinterest_round dc_social_round" title="pinterest" href="#">pinterest</a>
<a class="wordpress_round dc_social_round" title="wordpress" href="#">wordpress</a>
<a class="youtube_round dc_social_round" title="youtube" href="#">youtube</a>
<a class="vimeo_round dc_social_round" title="vimeo" href="#">vimeo</a>
<a class="linked_round dc_social_round" title="linked" href="#">link</a>
<a class="flickr_round dc_social_round" title="flickr" href="#">flickr</a>
L2:
<a class="twitter_alt_round dc_social_round" title="twitter" href="#">twitter_alt</a>
<a class="fivehundredpx_round dc_social_round" title="500px" href="#">500px</a>
<a class="behance_round dc_social_round" title="behance" href="#">behance</a>
<a class="delicious_round dc_social_round" title="delicious" href="#">delicious</a>
<a class="reddit_round dc_social_round" title="reddit" href="#">reddit</a>
<a class="digg_round dc_social_round" title="digg" href="#">digg</a>
<a class="dropbox_round dc_social_round" title="dropbox" href="#">dropbox</a>
<a class="formspring_round dc_social_round" title="formspring" href="#">formspring</a>
<a class="github_round dc_social_round" title="github" href="#">github</a>
<a class="dribbble_round dc_social_round" title="dribbble" href="#">dribbble</a>
<a class="deviantart_round dc_social_round" title="deviantart" href="#">deviantart</a>
<a class="icloud_round dc_social_round" title="icloud" href="#">icloud</a>
<a class="instagram_round dc_social_round" title="instagram" href="#">instagram</a>
<a class="itunes_round dc_social_round" title="itunes" href="#">itunes</a>
L3:
<a class="lastfm_round dc_social_round" title="lastfm" href="#">lastfm</a>
<a class="myspace_round dc_social_round" title="myspace" href="#">myspace</a>
<a class="ebay_round dc_social_round" title="ebay" href="#">ebay</a>
<a class="paypal_round dc_social_round" title="paypal" href="#">paypal</a>
<a class="retweet_round dc_social_round" title="retweet" href="#">retweet</a>
<a class="technorati_round dc_social_round" title="technorati" href="#">technorati</a>
<a class="tumblr_round dc_social_round" title="tumblr" href="#">tumblr</a>
<a class="apple_round dc_social_round" title="apple" href="#">apple</a>
<a class="windows_round dc_social_round" title="windows" href="#">windows</a>
<a class="aim_round dc_social_round" title="aim" href="#">aim</a>
<a class="yahoo_round dc_social_round" title="yahoo" href="#">yahoo</a>
<a class="yelp_round dc_social_round" title="yelp" href="#">yelp</a>

Round Gray - 32px

L1:  phone skype twitter google linkedin rss location flickr youtube avatar vimeo
L2:  phone skype twitter google linkedin rss location flickr pinterest avatar profile
L3:  bookmark chat creative commons deviantart dt film music ebay paypal msn aim yahoo google bing
L4:  love youtube vimeo apple windows plus

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
L1:
<a class="email_round_gray_dark_32 dc_social_round_gray_32" title="email" href="#">email</a>
<a class="phone_round_gray_dark_32 dc_social_round_gray_32" title="phone" href="#">phone</a>
<a class="skype_round_gray_dark_32 dc_social_round_gray_32" title="skype" href="#">skype</a>
<a class="facebook_round_gray_dark_32 dc_social_round_gray_32" title="facebook" href="#">facebook</a>
<a class="twitter2_round_gray_dark_32 dc_social_round_gray_32" title="twitter" href="#">twitter</a>
<a class="google_round_gray_dark_32 dc_social_round_gray_32" title="google" href="#">google</a>
<a class="linkedin_round_gray_dark_32 dc_social_round_gray_32" title="linkedin" href="#">linkedin</a>
<a class="rss_round_gray_dark_32 dc_social_round_gray_32" title="rss" href="#">rss</a>
<a class="location_round_gray_dark_32 dc_social_round_gray_32" title="location" href="#">location</a>
<a class="flickr_round_gray_dark_32 dc_social_round_gray_32" title="flickr" href="#">flickr</a>
<a class="youtube_round_gray_dark_32 dc_social_round_gray_32" title="youtube" href="#">youtube</a>
<a class="twitter_round_gray_dark_32 dc_social_round_gray_32" title="twitter" href="#">twitter</a>
<a class="avatar_round_gray_dark_32 dc_social_round_gray_32" title="avatar" href="#">avatar</a>
<a class="vimeo_round_gray_dark_32 dc_social_round_gray_32" title="vimeo" href="#">vimeo</a>
L2:
<a class="email_round_gray_32 dc_social_round_gray_32" title="email" href="#">email</a>
<a class="phone_round_gray_32 dc_social_round_gray_32" title="phone" href="#">phone</a>
<a class="skype_round_gray_32 dc_social_round_gray_32" title="skype" href="#">skype</a>
<a class="facebook_round_gray_32 dc_social_round_gray_32" title="facebook" href="#">facebook</a>
<a class="twitter2_round_gray_32 dc_social_round_gray_32" title="twitter" href="#">twitter</a>
<a class="google_round_gray_32 dc_social_round_gray_32" title="google" href="#">google</a>
<a class="linkedin_round_gray_32 dc_social_round_gray_32" title="linkedin" href="#">linkedin</a>
<a class="rss_round_gray_32 dc_social_round_gray_32" title="rss" href="#">rss</a>
<a class="location_round_gray_32 dc_social_round_gray_32" title="location" href="#">location</a>
<a class="flickr_round_gray_32 dc_social_round_gray_32" title="flickr" href="#">flickr</a>
<a class="pinterest_round_gray_32 dc_social_round_gray_32" title="pinterest" href="#">pinterest</a>
<a class="twitter_round_gray_32 dc_social_round_gray_32" title="twitter" href="#">twitter</a>
<a class="avatar_round_gray_32 dc_social_round_gray_32" title="avatar" href="#">avatar</a>
<a class="profile_round_gray_32 dc_social_round_gray_32" title="profile" href="#">profile</a>
L3:
<a class="bookmark_round_gray_32 dc_social_round_gray_32" title="bookmark" href="#">bookmark</a>
<a class="chat_round_gray_32 dc_social_round_gray_32" title="chat" href="#">chat</a>
<a class="creativecommons_round_gray_32 dc_social_round_gray_32" title="creative commons" href="#">creative commons</a>
<a class="deviantart_round_gray_32 dc_social_round_gray_32" title="deviantart" href="#">deviantart</a>
<a class="dreamtemplate_round_gray_32 dc_social_round_gray_32" title="dt" href="#">dt</a>
<a class="film_round_gray_32 dc_social_round_gray_32" title="film" href="#">film</a>
<a class="music_round_gray_32 dc_social_round_gray_32" title="music" href="#">music</a>
<a class="ebay_round_gray_32 dc_social_round_gray_32" title="ebay" href="#">ebay</a>
<a class="paypal_round_gray_32 dc_social_round_gray_32" title="paypal" href="#">paypal</a>
<a class="msn_round_gray_32 dc_social_round_gray_32" title="msn" href="#">msn</a>
<a class="aim_round_gray_32 dc_social_round_gray_32" title="aim" href="#">aim</a>
<a class="yahoo_round_gray_32 dc_social_round_gray_32" title="yahoo" href="#">yahoo</a>
<a class="google2_round_gray_32 dc_social_round_gray_32" title="google" href="#">google</a>
<a class="bing_round_gray_32 dc_social_round_gray_32" title="bing" href="#">bing</a>
L4:
<a class="love_round_gray_32 dc_social_round_gray_32" title="love" href="#">love</a>
<a class="youtube_round_gray_32 dc_social_round_gray_32" title="youtube" href="#">youtube</a>
<a class="vimeo_round_gray_32 dc_social_round_gray_32" title="vimeo" href="#">vimeo</a>
<a class="apple_round_gray_32 dc_social_round_gray_32" title="apple" href="#">apple</a>
<a class="windows_round_gray_32 dc_social_round_gray_32" title="windows" href="#">windows</a>
<a class="plus_round_gray_32 dc_social_round_gray_32" title="plus" href="#">plus</a>

Round Gray - 24px

L1:  phone skype twitter google linkedin rss location flickr youtube avatar vimeo
L2:  phone skype twitter google linkedin rss location flickr pinterest avatar profile
L3:  bookmark chat creative commons deviantart dt film music ebay paypal msn aim yahoo google bing
L4:  love youtube vimeo apple windows plus

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
L1:
<a class="email_round_gray_dark_24 dc_social_round_gray_24" title="email" href="#">email</a>
<a class="phone_round_gray_dark_24 dc_social_round_gray_24" title="phone" href="#">phone</a>
<a class="skype_round_gray_dark_24 dc_social_round_gray_24" title="skype" href="#">skype</a>
<a class="facebook_round_gray_dark_24 dc_social_round_gray_24" title="facebook" href="#">facebook</a>
<a class="twitter2_round_gray_dark_24 dc_social_round_gray_24" title="twitter" href="#">twitter</a>
<a class="google_round_gray_dark_24 dc_social_round_gray_24" title="google" href="#">google</a>
<a class="linkedin_round_gray_dark_24 dc_social_round_gray_24" title="linkedin" href="#">linkedin</a>
<a class="rss_round_gray_dark_24 dc_social_round_gray_24" title="rss" href="#">rss</a>
<a class="location_round_gray_dark_24 dc_social_round_gray_24" title="location" href="#">location</a>
<a class="flickr_round_gray_dark_24 dc_social_round_gray_24" title="flickr" href="#">flickr</a>
<a class="youtube_round_gray_dark_24 dc_social_round_gray_24" title="youtube" href="#">youtube</a>
<a class="twitter_round_gray_dark_24 dc_social_round_gray_24" title="twitter" href="#">twitter</a>
<a class="avatar_round_gray_dark_24 dc_social_round_gray_24" title="avatar" href="#">avatar</a>
<a class="vimeo_round_gray_dark_24 dc_social_round_gray_24" title="vimeo" href="#">vimeo</a>
L2:
<a class="email_round_gray_24 dc_social_round_gray_24" title="email" href="#">email</a>
<a class="phone_round_gray_24 dc_social_round_gray_24" title="phone" href="#">phone</a>
<a class="skype_round_gray_24 dc_social_round_gray_24" title="skype" href="#">skype</a>
<a class="facebook_round_gray_24 dc_social_round_gray_24" title="facebook" href="#">facebook</a>
<a class="twitter2_round_gray_24 dc_social_round_gray_24" title="twitter" href="#">twitter</a>
<a class="google_round_gray_24 dc_social_round_gray_24" title="google" href="#">google</a>
<a class="linkedin_round_gray_24 dc_social_round_gray_24" title="linkedin" href="#">linkedin</a>
<a class="rss_round_gray_24 dc_social_round_gray_24" title="rss" href="#">rss</a>
<a class="location_round_gray_24 dc_social_round_gray_24" title="location" href="#">location</a>
<a class="flickr_round_gray_24 dc_social_round_gray_24" title="flickr" href="#">flickr</a>
<a class="pinterest_round_gray_24 dc_social_round_gray_24" title="pinterest" href="#">pinterest</a>
<a class="twitter_round_gray_24 dc_social_round_gray_24" title="twitter" href="#">twitter</a>
<a class="avatar_round_gray_24 dc_social_round_gray_24" title="avatar" href="#">avatar</a>
<a class="profile_round_gray_24 dc_social_round_gray_24" title="profile" href="#">profile</a>
L3:
<a class="bookmark_round_gray_24 dc_social_round_gray_24" title="bookmark" href="#">bookmark</a>
<a class="chat_round_gray_24 dc_social_round_gray_24" title="chat" href="#">chat</a>
<a class="creativecommons_round_gray_24 dc_social_round_gray_24" title="creative commons" href="#">creative commons</a>
<a class="deviantart_round_gray_24 dc_social_round_gray_24" title="deviantart" href="#">deviantart</a>
<a class="dreamtemplate_round_gray_24 dc_social_round_gray_24" title="dt" href="#">dt</a>
<a class="film_round_gray_24 dc_social_round_gray_24" title="film" href="#">film</a>
<a class="music_round_gray_24 dc_social_round_gray_24" title="music" href="#">music</a>
<a class="ebay_round_gray_24 dc_social_round_gray_24" title="ebay" href="#">ebay</a>
<a class="paypal_round_gray_24 dc_social_round_gray_24" title="paypal" href="#">paypal</a>
<a class="msn_round_gray_24 dc_social_round_gray_24" title="msn" href="#">msn</a>
<a class="aim_round_gray_24 dc_social_round_gray_24" title="aim" href="#">aim</a>
<a class="yahoo_round_gray_24 dc_social_round_gray_24" title="yahoo" href="#">yahoo</a>
<a class="google2_round_gray_24 dc_social_round_gray_24" title="google" href="#">google</a>
<a class="bing_round_gray_24 dc_social_round_gray_24" title="bing" href="#">bing</a>
L4:
<a class="love_round_gray_24 dc_social_round_gray_24" title="love" href="#">love</a>
<a class="youtube_round_gray_24 dc_social_round_gray_24" title="youtube" href="#">youtube</a>
<a class="vimeo_round_gray_24 dc_social_round_gray_24" title="vimeo" href="#">vimeo</a>
<a class="apple_round_gray_24 dc_social_round_gray_24" title="apple" href="#">apple</a>
<a class="windows_round_gray_24 dc_social_round_gray_24" title="windows" href="#">windows</a>
<a class="plus_round_gray_24 dc_social_round_gray_24" title="plus" href="#">plus</a>

Simple - 20px

L1: 
L2: 

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
L1:
<a class="dc_simple_phone dc_social_simple20" title="phone" href="#"></a>
<a class="dc_simple_email dc_social_simple20" title="email" href="#"></a>
<a class="dc_simple_facebook dc_social_simple20" title="facebook" href="#"></a>
<a class="dc_simple_linkedin dc_social_simple20" title="linkedin" href="#"></a>
<a class="dc_simple_twitter dc_social_simple20" title="twitter" href="#"></a>
<a class="dc_simple_googleplus dc_social_simple20" title="google +1" href="#"></a>
<a class="dc_simple_flickr dc_social_simple20" title="flickr" href="#"></a>
<a class="dc_simple_skype dc_social_simple20" title="skype" href="#"></a>
<a class="dc_simple_youtube dc_social_simple20" title="youtube" href="#"></a>
<a class="dc_simple_vimeo dc_social_simple20" title="vimeo" href="#"></a>
<a class="dc_simple_pinterest dc_social_simple20" title="pinterest" href="#"></a>
<a class="dc_simple_rss dc_social_simple20" title="rss" href="#"></a>
<a class="dc_simple_location dc_social_simple20" title="location" href="#"></a>
<a class="dc_simple_tumblr dc_social_simple20" title="tumblr" href="#"></a>
<a class="dc_simple_behance dc_social_simple20" title="behance" href="#"></a>
<a class="dc_simple_dribbble dc_social_simple20" title="dribbble" href="#"></a>
<a class="dc_simple_twitter2 dc_social_simple20" title="twitter" href="#"></a>
<a class="dc_simple_facebook_alt dc_social_simple20" title="facebook" href="#"></a>
<a class="dc_simple_twitter_alt dc_social_simple20" title="twitter" href="#"></a>
<a class="dc_simple_googleplus_alt dc_social_simple20" title="google +1" href="#"></a>
<a class="dc_simple_linkedin_alt dc_social_simple20" title="linkedin" href="#"></a>
<a class="dc_simple_flickr_alt dc_social_simple20" title="flickr" href="#"></a>
<a class="dc_simple_skype_alt dc_social_simple20" title="skype" href="#"></a>
<a class="dc_simple_youtube_alt dc_social_simple20" title="youtube" href="#"></a>
<a class="dc_simple_vimeo_alt dc_social_simple20" title="vimeo" href="#"></a>
<a class="dc_simple_tumblr_alt dc_social_simple20" title="tumblr" href="#"></a>
L2:
<a class="dc_simple_dark_phone dc_social_simple20" title="phone" href="#"></a>
<a class="dc_simple_dark_email dc_social_simple20" title="email" href="#"></a>
<a class="dc_simple_dark_facebook dc_social_simple20" title="facebook" href="#"></a>
<a class="dc_simple_dark_linkedin dc_social_simple20" title="linkedin" href="#"></a>
<a class="dc_simple_dark_twitter dc_social_simple20" title="twitter" href="#"></a>
<a class="dc_simple_dark_googleplus dc_social_simple20" title="google +1" href="#"></a>
<a class="dc_simple_dark_flickr dc_social_simple20" title="flickr" href="#"></a>
<a class="dc_simple_dark_skype dc_social_simple20" title="skype" href="#"></a>
<a class="dc_simple_dark_youtube dc_social_simple20" title="youtube" href="#"></a>
<a class="dc_simple_dark_vimeo dc_social_simple20" title="vimeo" href="#"></a>
<a class="dc_simple_dark_pinterest dc_social_simple20" title="pinterest" href="#"></a>
<a class="dc_simple_dark_rss dc_social_simple20" title="rss" href="#"></a>
<a class="dc_simple_dark_location dc_social_simple20" title="location" href="#"></a>
<a class="dc_simple_dark_tumblr dc_social_simple20" title="tumblr" href="#"></a>
<a class="dc_simple_dark_behance dc_social_simple20" title="behance" href="#"></a>
<a class="dc_simple_dark_dribbble dc_social_simple20" title="dribbble" href="#"></a>
<a class="dc_simple_dark_twitter2 dc_social_simple20" title="twitter" href="#"></a>
<a class="dc_simple_dark_facebook_alt dc_social_simple20" title="facebook" href="#"></a>
<a class="dc_simple_dark_twitter_alt dc_social_simple20" title="twitter" href="#"></a>
<a class="dc_simple_dark_googleplus_alt dc_social_simple20" title="google +1" href="#"></a>
<a class="dc_simple_dark_linkedin_alt dc_social_simple20" title="linkedin" href="#"></a>
<a class="dc_simple_dark_flickr_alt dc_social_simple20" title="flickr" href="#"></a>
<a class="dc_simple_dark_skype_alt dc_social_simple20" title="skype" href="#"></a>
<a class="dc_simple_dark_youtube_alt dc_social_simple20" title="youtube" href="#"></a>
<a class="dc_simple_dark_vimeo_alt dc_social_simple20" title="vimeo" href="#"></a>
<a class="dc_simple_dark_tumblr_alt dc_social_simple20" title="tumblr" href="#"></a>

Simple - 25px

L1: 
L2: 

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
L1:
<a class="dc_simple_phone dc_social_simple25" title="phone" href="#"></a>
<a class="dc_simple_email dc_social_simple25" title="email" href="#"></a>
<a class="dc_simple_facebook dc_social_simple25" title="facebook" href="#"></a>
<a class="dc_simple_linkedin dc_social_simple25" title="linkedin" href="#"></a>
<a class="dc_simple_twitter dc_social_simple25" title="twitter" href="#"></a>
<a class="dc_simple_googleplus dc_social_simple25" title="google +1" href="#"></a>
<a class="dc_simple_flickr dc_social_simple25" title="flickr" href="#"></a>
<a class="dc_simple_skype dc_social_simple25" title="skype" href="#"></a>
<a class="dc_simple_youtube dc_social_simple25" title="youtube" href="#"></a>
<a class="dc_simple_vimeo dc_social_simple25" title="vimeo" href="#"></a>
<a class="dc_simple_pinterest dc_social_simple25" title="pinterest" href="#"></a>
<a class="dc_simple_rss dc_social_simple25" title="rss" href="#"></a>
<a class="dc_simple_location dc_social_simple25" title="location" href="#"></a>
<a class="dc_simple_tumblr dc_social_simple25" title="tumblr" href="#"></a>
<a class="dc_simple_behance dc_social_simple25" title="behance" href="#"></a>
<a class="dc_simple_dribbble dc_social_simple25" title="dribbble" href="#"></a>
<a class="dc_simple_twitter2 dc_social_simple25" title="twitter" href="#"></a>
<a class="dc_simple_facebook_alt dc_social_simple25" title="facebook" href="#"></a>
<a class="dc_simple_twitter_alt dc_social_simple25" title="twitter" href="#"></a>
<a class="dc_simple_googleplus_alt dc_social_simple25" title="google +1" href="#"></a>
<a class="dc_simple_linkedin_alt dc_social_simple25" title="linkedin" href="#"></a>
<a class="dc_simple_flickr_alt dc_social_simple25" title="flickr" href="#"></a>
<a class="dc_simple_skype_alt dc_social_simple25" title="skype" href="#"></a>
<a class="dc_simple_youtube_alt dc_social_simple25" title="youtube" href="#"></a>
<a class="dc_simple_vimeo_alt dc_social_simple25" title="vimeo" href="#"></a>
<a class="dc_simple_tumblr_alt dc_social_simple25" title="tumblr" href="#"></a>
L2:
<a class="dc_simple_dark_phone dc_social_simple25" title="phone" href="#"></a>
<a class="dc_simple_dark_email dc_social_simple25" title="email" href="#"></a>
<a class="dc_simple_dark_facebook dc_social_simple25" title="facebook" href="#"></a>
<a class="dc_simple_dark_linkedin dc_social_simple25" title="linkedin" href="#"></a>
<a class="dc_simple_dark_twitter dc_social_simple25" title="twitter" href="#"></a>
<a class="dc_simple_dark_googleplus dc_social_simple25" title="google +1" href="#"></a>
<a class="dc_simple_dark_flickr dc_social_simple25" title="flickr" href="#"></a>
<a class="dc_simple_dark_skype dc_social_simple25" title="skype" href="#"></a>
<a class="dc_simple_dark_youtube dc_social_simple25" title="youtube" href="#"></a>
<a class="dc_simple_dark_vimeo dc_social_simple25" title="vimeo" href="#"></a>
<a class="dc_simple_dark_pinterest dc_social_simple25" title="pinterest" href="#"></a>
<a class="dc_simple_dark_rss dc_social_simple25" title="rss" href="#"></a>
<a class="dc_simple_dark_location dc_social_simple25" title="location" href="#"></a>
<a class="dc_simple_dark_tumblr dc_social_simple25" title="tumblr" href="#"></a>
<a class="dc_simple_dark_behance dc_social_simple25" title="behance" href="#"></a>
<a class="dc_simple_dark_dribbble dc_social_simple25" title="dribbble" href="#"></a>
<a class="dc_simple_dark_twitter2 dc_social_simple25" title="twitter" href="#"></a>
<a class="dc_simple_dark_facebook_alt dc_social_simple25" title="facebook" href="#"></a>
<a class="dc_simple_dark_twitter_alt dc_social_simple25" title="twitter" href="#"></a>
<a class="dc_simple_dark_googleplus_alt dc_social_simple25" title="google +1" href="#"></a>
<a class="dc_simple_dark_linkedin_alt dc_social_simple25" title="linkedin" href="#"></a>
<a class="dc_simple_dark_flickr_alt dc_social_simple25" title="flickr" href="#"></a>
<a class="dc_simple_dark_skype_alt dc_social_simple25" title="skype" href="#"></a>
<a class="dc_simple_dark_youtube_alt dc_social_simple25" title="youtube" href="#"></a>
<a class="dc_simple_dark_vimeo_alt dc_social_simple25" title="vimeo" href="#"></a>
<a class="dc_simple_dark_tumblr_alt dc_social_simple25" title="tumblr" href="#"></a>

Simple - 40px

L1: 

L2: 

View code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
L1:
<a class="dc_simple_phone dc_social_simple40" title="phone" href="#"></a>
<a class="dc_simple_email dc_social_simple40" title="email" href="#"></a>
<a class="dc_simple_facebook dc_social_simple40" title="facebook" href="#"></a>
<a class="dc_simple_linkedin dc_social_simple40" title="linkedin" href="#"></a>
<a class="dc_simple_twitter dc_social_simple40" title="twitter" href="#"></a>
<a class="dc_simple_googleplus dc_social_simple40" title="google +1" href="#"></a>
<a class="dc_simple_flickr dc_social_simple40" title="flickr" href="#"></a>
<a class="dc_simple_skype dc_social_simple40" title="skype" href="#"></a>
<a class="dc_simple_youtube dc_social_simple40" title="youtube" href="#"></a>
<a class="dc_simple_vimeo dc_social_simple40" title="vimeo" href="#"></a>
<a class="dc_simple_pinterest dc_social_simple40" title="pinterest" href="#"></a>
<a class="dc_simple_rss dc_social_simple40" title="rss" href="#"></a>
<a class="dc_simple_location dc_social_simple40" title="location" href="#"></a>
<a class="dc_simple_tumblr dc_social_simple40" title="tumblr" href="#"></a>
<a class="dc_simple_behance dc_social_simple40" title="behance" href="#"></a>
<a class="dc_simple_dribbble dc_social_simple40" title="dribbble" href="#"></a>
<a class="dc_simple_twitter2 dc_social_simple40" title="twitter" href="#"></a>
L2:
<a class="dc_simple_dark_phone dc_social_simple40" title="phone" href="#"></a>
<a class="dc_simple_dark_email dc_social_simple40" title="email" href="#"></a>
<a class="dc_simple_dark_facebook dc_social_simple40" title="facebook" href="#"></a>
<a class="dc_simple_dark_linkedin dc_social_simple40" title="linkedin" href="#"></a>
<a class="dc_simple_dark_twitter dc_social_simple40" title="twitter" href="#"></a>
<a class="dc_simple_dark_googleplus dc_social_simple40" title="google +1" href="#"></a>
<a class="dc_simple_dark_flickr dc_social_simple40" title="flickr" href="#"></a>
<a class="dc_simple_dark_skype dc_social_simple40" title="skype" href="#"></a>
<a class="dc_simple_dark_youtube dc_social_simple40" title="youtube" href="#"></a>
<a class="dc_simple_dark_vimeo dc_social_simple40" title="vimeo" href="#"></a>
<a class="dc_simple_dark_pinterest dc_social_simple40" title="pinterest" href="#"></a>
<a class="dc_simple_dark_rss dc_social_simple40" title="rss" href="#"></a>
<a class="dc_simple_dark_location dc_social_simple40" title="location" href="#"></a>
<a class="dc_simple_dark_tumblr dc_social_simple40" title="tumblr" href="#"></a>
<a class="dc_simple_dark_behance dc_social_simple40" title="behance" href="#"></a>
<a class="dc_simple_dark_dribbble dc_social_simple40" title="dribbble" href="#"></a>
<a class="dc_simple_dark_twitter2 dc_social_simple40" title="twitter" href="#"></a>


© TemplateAccess