Blog

AddThis Social Icons Go Flat

I’m excited to announce that our team has updated our product icons to the a new flat and minimal style! The new icons are modern, vibrant, and will elevate the design of any website—including yours!

flat_icons

We didn’t roll out the new, sleek flat designs “just because”; we have reasons for making the change, all of which aim to increase content engagement on your site. Our new flat icons come with a few advantages.


Advantage #1: Less fat, same great taste.

comparison

We’ve reduced our icon sizes by approximately 40%. That means the social service images that load on your page, load faster. Less is more.


Advantage #2: They can increase engagement.

side layer

We tested the new icons on our blog, and saw a click increase of 48%! That’s massive! We want our tools to increase engagement on your site as well, prompting your visitors to click or share at the right time.


Advantage #3: Flat icons are automatically updated for you.

old_new

That’s right, you didn’t have to deploy new code or edit any templates! The new icons rolled out this morning, so if you have Smart Layers installed on your site, you should already be seeing the changes.

So, to conclude, the reason we love the new flat design is because it’s faster, sleeker, and prone to help you reach your site goals. If you have any questions, feel free to visit our support page, or leave them in the comment box below.

  • Css can do this for you and a whole lot more, i added a gradient on 1 off my sites with border radius on hover … and on the other 1 i switched it to circles with light shadow on hover. But if you like the Flat design just add the code and it will look the same as on this page

  • on hover

  • we love the new icons!

  • Мне нравится новый дизайн кнопок, но почему-то блок кнопок переместился с края экрана вглубь блога, и закрывает контент поста. Пришлось переместить этот кнопки вправо.

  • Alex

    Bad :-(
    Please return old design!

  • We can take a look at your site, if you’d like. What is your URL?

  • Thanks Robert!

  • Thanks! Glad you like!

  • Understood. Thanks for the feedback.

  • Unfortunately we can’t at the moment, but we hope you understand why we made the change. Can you tell us more about why you prefer the old design?

  • Alex

    Hello 90’s :-(
    In the 16×16 (32×32 too) mode – “guideline of logos” are broken. For example “gmail” – now square (it must be rectangular). Other logos have the wrong background color, etc.

  • Alex

    +1

  • Good points. Some of the icons were edited slightly to fit the shape and functionality of Smart Layers. But we are working on optimizing some of the logos, like Gmail’s, and will be updating them. So we appreciate the feedback!

  • GREAT!

  • wavesummit

    That’s great but your v1 api is behind
    http://cache.addthiscdn.com/services/v1/sharing.en.json

    for example it returns the following, which is the old icon http://cache.addthiscdn.com/icons/v1/thumbs/32×32/facebook.png
    Is there another api we could point our system to? Or is there plans to update the existing?

  • I can dig it. Thanks!!

  • Henri Heinonen

    Is there any way to use the old design?

    Thanks!

  • Sorry but at this time, this is the default design. The only way to change the design would be for you to use CSS on your site.

  • Do you recall writing this?

    You can turn off the hovering behavior of the compact menu. However, be forewarned! Much sharing is impulse driven; sites that use the menu hover behavior tend to see 4x share increases.

    So why does this not work?

    ui_click: false

    Is the share layer broken? If so then it’s been this way since November 6, 2013 or in other words for over a month, not good.

  • I like new Icons

  • WafiRemli

    How can I get the social floating buttons like this blog’s?

  • .at300bs { border-radius: 4px; }

  • DanInDeep

    These designs do not appear to follow the brand guidelines published by Facebook and others (specifically, necessity of the rounded square around the Facebook “f” and the red circle surrounding Pinterest’s “P”). Do you have permission from these social media channels to use their logo shapes the way you offer them, here? I ask because a client of mine wants assurance that we are in compliance, legally. THANKS FOR ANY RESPONSE!

  • Hi Dan, thanks for your question – and apologies again for the delay. Please refer to the response I posted to your other comment here: http://www.addthis.com/blog/2012/04/19/new-follow-buttons-including-pinterest-tumblr-and-instagram/#comment-2179482804.

\n\n