Socicon

Versions

Teddy Payet — 2024-04-08T10:28:09Z

22 april 2025 - v3.8.4

Update: Typo, linktree without capital in class name.

20 march 2025 - v3.8.3

New icon: Linktree

21 january 2025 - v3.8.2

New icon: Bluesky, Signal

26 september 2024 - v3.8.1

Update categories
Update the README file about the collaboration.

9 april 2024 - v3.8.0

Feature: Rewriting icon categories.
Typo for endomondo

2 april 2024 - v3.7.3

Feature: Thanks to @coolseed, the original author of Socicon, the json and javascript have been enriched with information as before.
Update issue template for submitting new icon.

28 march 2024 - v3.7.2

New icon: X (ex-Twitter)
Update readme with the new website

March 2024 - v3.7.1

Update issue templates for Github
Add unicode and its version text
Threads informations.
Color for besport, hitbox, smashcast
New icon: Threads
Added a json file with all the information about the icons (name, unicode, color and path) extracted from the SVG file.
Added a javascript file for with a constant that can be used later.

March 2024 - v3.7.0

New icon: besport
Icon update: hitbox
Feature: Added a javascript file with a constant that can be used later. Added a json file with all the information about the icons (name, unicode, color and path) extracted from the SVG file.

May 2019 - v3.6.2

New icons: remote, NAVER, Metapop, Splice, Threema, Letterboxd, GITTER, TikTok, STAGE32, elementary OS, CD Baby, Windguru, Tinder, SharePoint, MIX, JAMENDO, itch.io, GNOME, FilmFreeway, debian, Google Play Music, SeenThis, Collectorz, Torial, InVision, ArtStation, Ubuntu, Flipboard, VSCO, DLive, Google Hangouts

2018 - v3.6.1

New icons: Nextdoor, Origin, CodeRED, Adobe Portfolio, instructables, GitLab, Mail.ru, BookBub, Kobo, Smashwords, Hacker News, hackerone, beatport, napster, SPIP, Wickr, BlackBerry, MyAnimeList, pixiv, GameFor, Traxsource, indie DB, Mod DB, Internet

October 2017 - v3.6

Update: deviantART
New icons: pandora, microsoft, mobcrush, sketchfab, yt-gaming, fyuse, bitbucket, augment, toneden, niconico, zillow, googlemaps, booking, fundable, upwork, ghost, loomly, trulia, ask, gust, toptal, squarespace, bonanza, doodle, bing, seedrs, freelancer, shopify, googlecalendar, redfin, wix, craigslist, alibaba, zoom, homes, appstore, guru, aliexpress, gotomeeting, fiverr, logmein, openaigym, slack, codepen, angieslist, homeadvisor, unsplash, mastodon, natgeo, qobuz, tidal, realtor, calendly, homify, crunchbase, livemaster, udemy

May 2017 - v3.5.2

New icons: Bloglovin, Trello, Gamewisp, Facebook Messenger

April 2017 - v3.5.1

New icons: Spreadshirt, Trello, Gamejolt, Tunein

March 2017 - v3.5

New icons: HackerRank, npm
New cloud service: Amazon S3, better & faster
Better maintenance, thanks to icomoon.io

November 2016 - v3.0.5

New icons: LiveJournal, Etsy, Google Photos, Zapier, Google Scholar, ResearchGate, WeChat, STRAVA, LINE, lyft, UBER, songkick, viewbug, Google Groups, Blizzard

July 2016 - v3.0.4

New icons: Discord, Issuu, Firefox, Chrome, Opera, Battle.net, Warcraft, Diablo, Hearthstone, Hereos of the Storm, Overwatch, Starcraft, Keybase

April 2016 - v3.0.3

New icons: beBee, hitbox, Reverbnation, Formulr

March 2016 - v3.0.2

New icons: Viber, Zomato, Quora, Draugiem, endomondo, Filmweb, Stackexchange, Wykop, Teamspeak, Ventrilo, Raidcall, Mumble, Younow, Teamviewer
Icons update: Medium

December 2015 - v3.0.1

New icons: Medium, Telegram, OpenID, Amplement

November 2015 - v3.0

New icons: Google, Yandex, eBay, IMDb, StayFriends, Resident Advisor, ShareThis, bandcamp, iTunes, DEEZER
Site: new design, background featuring, filter on icons page
Font: cloud based font
Note: due to the amount of icons, latest icons do not have latin characters, reset of unicodes

October 2015 - v2.6

New icons: Snapchat, Douban, Baidu, Weibo, QQ
Updated icons: Dailymotion
Removed icon: Chime.in
Site: update chart icon page, include unicode, update generator, update JSON, change ads

September 2015 - v2.5

New icon: Ravelry
Updated icons: Google+, Youtube

August 2015 - v2.4

New icons: WhatsApp, Storehouse, icq, Model Mayhem, iStock, AngelList, Periscope
Updated icons: Facebook, Google Play
Site: download only the font (much lighter) or the full package, include ads

June 2015 - v2.3

New icons: Airbnb, Pocket

May 2015 - v2.2

Updated icon: Meetup
New icons: Amazon, Ello, 8tracks, Mixcloud, Twitch
Site: removed showcase section

November 2014 - v2.0

New design, new website
New showcase section
New icons: Patreon, App.net, Mail icon, New Foursquare, Goodreads, Paypal, Houzz, Playstation, Smugsmug, Stackoverflow, Swarm, Triple J, Yammer, New Envato, Odnoklassniki
Removed easID and Netcodes icons

February 2014 - v1.6

Add icons: TripIt, Lanyrd, SlideShare, Buffer, RSS, VKontakte, DISQUS

November 2013 - v1.5

Launch of the Socicon images generator

August 2013 - v1.0

First release of Socicon

Socicon Generator

Teddy Payet — 2024-04-05T17:22:25Z

- Generator

How to use

Teddy Payet — 2024-03-11T12:39:57Z

How to use Socicon on your desktop computer

Download Socicon Desk
Install socicon.ttf on your computer
In your software (Illustrator, Photoshop...), copy & paste socicon glyphs

How to use Socicon on your website

Download the font and copy the unzipped folder in a directory of your website
Add the tag to your .
Then, add the Socicon CSS class to any HTML tag + your styles. For example : class="socicon-github" for the icon:

Use Socicon with @font-face, local font

After downloading the font, you can declare the font in your CSS stylesheet. Use your path to the font, the one here is for example purpose.

@font-face { font-family: 'Socicon'; src: url('fonts/Socicon.eot?pkydzl'); src: url('fonts/Socicon.eot?pkydzl#iefix') format('embedded-opentype'), url('fonts/Socicon.ttf?pkydzl') format('truetype'), url('fonts/Socicon.woff?pkydzl') format('woff'), url('fonts/Socicon.svg?pkydzl#Socicon') format('svg'); font-weight: normal; font-style: normal; font-display: block;
}

Then, you have to create a new CSS class that uses Socicon icons font. Here, a small example:

[class^="socicon-"], [class*=" socicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Socicon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

Socicon Tools

Teddy Payet — 2024-03-11T08:59:41Z

- Tools

Download Socicon

Teddy Payet — 2024-03-07T21:02:01Z

DESK

Download the fontfont + css

How to use Socicon on desktop
Socicon Desk, generated using icomoon.io

Social Icons

Teddy Payet — 2024-03-06T22:20:33Z

You can click on the icons below for additional information. You will be able to copy and paste glyphs for quick use. How to use Socicon on desktop

About the project

Teddy Payet — 2024-03-06T13:16:02Z

Socicon was created to give people an easy way to customize social icons.

README v3.8.4

Socicon

More information on socicon website

The little story behind Socicon

Socicon was created to give people an easy way to customize social icons.
Made in France
In France, we are very proud of our food (sometimes a bit too much)! Socicon refers to the saucisson, a sort of dry sausage that we eat as an aperitif with a drink, with cheese, in a packed lunch, well we can really eat saucisson any time, anywhere and with anyone!

Desktop usage

To use Socicon in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. You can go to Socicon Cheatsheet and copy-paste icons from there to your desktop program.

License

Socicon is released under SIL Open Font License 1.1 (http://scripts.sil.org/OFL).
You are free to use it on your website or project.

Commercial use

You can use Socicon on a commercial project (a product or service that you sell, make money out of it). Simply consider making a backlink to our GitHub, on credit page, legal notice or anywhere. You can use this: Social icons font: socicon

If you use Socicon on a commercial project, please consider making a donation to support Socicon.

You can create a ticket on Github to tell us about your project, so we know the whereabouts of Socicon. We can talk about it in return and maybe make a featuring on the site.

Maintenance

We are delighted to announce that @coolseed, the original creator of Socicon, and I are taking over the maintenance of this icon font together. Our goal is to preserve the quality of Socicon while meeting the changing needs of users. Stay tuned for upcoming updates.

Share & Help

If you use Socicon for any project, please make a backlink to https://github.com/Ybbet/socicon somewhere in credits, imprint, legal notice.
It will give us a hand and be highly appreciated. You can also share Socicon on twitter, facebook or anywhere else.

Submit a new icon

If you want to add a new icon, you can create an issue on Github. You will need to indicate:

The name of the icon
The URL of the original site of the icon
Its color code (optional)

You will need to attach the icon in SVG format so that we can integrate it into the web font.