Practical Ecommerce

13 Sites with Personalized Social Media Icons

Many online merchants use social media icons to link their storefronts to social networks like Facebook and Twitter. While basic social media icons will get the job done, some merchants choose to customize their social media icons for a more personalized user experience. Here are thirteen sites with compelling personalized social media icons.

Seibei

Seibei uses large, hand-drawn, pink social media icons that complement both the site’s color scheme and cartoonish style.

Zoom Enlarge This Image

Seibei's icons match the site's cartoony style.

Seibei’s icons match the site’s cartoony style.

Desert Lake Gardens

The Desert Lake Gardens page uses clever vegetable-shaped social media icons to fit with its locally grown products. These social media icons also scroll with the page, so they are always visible.

Zoom Enlarge This Image

Desert Lake Gardens' icons are reminders of its local produce.

Desert Lake Gardens’ icons are reminders of its local produce.

Little Moose

Little Moose opts for a large illustrated footer to display its social media links. These social media icons are in the shape of cartoon animals holding signs.

Zoom Enlarge This Image

The icons at Little Moose seem almost part of the background.

The icons at Little Moose seem almost part of the background.

Ugmonk

Ugmonk displays a nice Twitter icon link at the top of each page as well as two large but subtle social media icons in the footer of each page.

Zoom Enlarge This Image

Ugmonk uses subtle low-contrast social icons.

Ugmonk uses subtle low-contrast social icons.

Moredays

The sketched social media icons displayed at the top of the Moredays’ site add to the site’s elegant hand-drawn feel.

Zoom Enlarge This Image

Moredays' icons match the site's hand-drawn style.

Moredays’ icons match the site’s hand-drawn style.

Blue Moon Brewing Company

Blue Moon has two large, watercolor-themed social media icons in the footer of each page. These icons are consistent with the “painted” design style employed throughout the rest of the site and in many Blue Moon advertisements.

Zoom Enlarge This Image

Blue Moon's icons look like painted signs.

Blue Moon’s icons look like painted signs.

We Are Dolly

This creative film studio uses simple social media icons consistent with the site’s color scheme and simplistic style.

Zoom Enlarge This Image

The icons at We Are Dolly match the site's accent colors.

The icons at We Are Dolly match the site’s accent colors.

Dripping In Fat

Dripping In Fat invites you to “share your love” with little heart-shaped social media icons. Dripping In Fat uses hearts in other parts of its site design, making the heart-shaped icons all the more appropriate.

Zoom Enlarge This Image

Dripping in Fat's heart-shaped icons invite a more emotional engagement.

Dripping in Fat’s heart-shaped icons invite a more emotional engagement.

Worry Free Labs

Worry Free Labs uses glossy Twitter and Facebook icons that add to the site’s shiny design.

Zoom Enlarge This Image

Worry Free Labs' shiny icons help draw the eye.

Worry Free Labs’ shiny icons help draw the eye.

La Patate

These social media icons appear to be breaking through the background of La Patate’s site header and fit nicely next to the illustrated shopping cart.

Zoom Enlarge This Image

The icons at La Patate match the custom shopping cart.

The icons at La Patate match the custom shopping cart.

Science Bob Store

Science Bob Store consistently uses gear-shaped icons throughout the site, including its social media icons.

Zoom Enlarge This Image

Science Bob Store's icons continue the site's gear theme.

Science Bob Store’s icons continue the site’s gear theme.

Cake Sweet Cake

The simple social media icons found in the header and footer of the Cake Sweet Cake site are enhanced by personalized “follow us” text and a hand-drawn arrow.

Zoom Enlarge This Image

The icons at Cake Sweet Cake are highlighted by a personalized arrow.

The icons at Cake Sweet Cake are highlighted by a personalized arrow.

GreenOlivz

GreenOlivz is another site with a hand-drawn aesthetic with social media icons that look like they were drawn with colored pencils.

Zoom Enlarge This Image

The GreenOlivz site icons look hand-drawn.

The GreenOlivz site icons look hand-drawn.

Personalizing Your Social Media Icons

Look at the social media icons on your site. Could they be personalized to better complement the overall site design? If you aren’t up for designing your own customized icons or paying a graphic designer, search for “social media” icons on Iconfinder. Many of the icons on Iconfinder fall under the Creative Commons license and are free for commercial use.

Drew Coffin

Drew Coffin

Bio   •   RSS Feed


email-news-env

Sign up for our email newsletter

Comments ( 3 )

  1. KGuyer July 3, 2012 Reply

    I love these examples! At Fifth Gear we took the same approach to customize our social media icons – you can see our version here: http://www.infifthgear.com.

    I think this is a great way for companies to show some personality and encourage social engagement without taking away from their sites’ aesthetics.

  2. Kevin Morrison July 3, 2012 Reply

    KGuyer – you might consider a roll over for them as well. At first when I rolled over them my instinct was that there was nothing to click because it did not change. I would make a brighter image for a roll over effect to show the user that it is clickable.

  3. NileHadward July 3, 2012 Reply

    This is really nice idea to create your own personalized logo for social networking sites. With the help of these logo you can sure consist with your site theme. Thank for this idea….