32x32 Icons (AddThis)

« Back to Gallery

Instruction and Assets

Make sharing easier with large icons by AddThis. This is the easiest way to add a larger version of the toolbox with one line of code.

Try Demo


The HTML

If you're already using the AddThis share icons on your site and want to go with the larger 32x32 version, all you have to do is simply add the CSS class "addthis_32x32_style" to the container DIV. 

<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
    <a class="addthis_button_facebook"></a>
    <a class="addthis_button_twitter"></a>
    <a class="addthis_button_email"></a>
    <a class="addthis_button_google"></a>
    <a class="addthis_button_compact"></a>
</div>

If you'd like to customize it, please see the Client API.

The Javascript

Include the following AddThis script file anywhere in your page (usually before the closing </body> tag):

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=YOUR-PROFILE-ID"></script>

Important: For '#pubid=YOUR-PROFILE-ID' above, change 'YOUR-PROFILE-ID' to your Profile ID if you want analytics data to be collected. If you do not want analytics, this phrase can be removed.

For more information about customizing the AddThis toolbox, please checkout the Rendering Link Decoration section of the Client API. We also have the complete list of Services, which might come in handy.

Looking for more 3rd party icon packs? Check out this collection of custom icons.

Screenshot:
Try Demo
Back to Top