Socicon

Versions

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

5 August 2026 - v3.10.0

Metadata-driven workflow for icon maintenance.
Metadata enrichment workflow with manual review and approval.
Metadata audit, normalization and validation tools.
Normalized icon categories and tags.
Website metadata generation (site/data).
Improved icon catalog and standalone SVG generation.
Improved generated asset validation.
Automated production release packaging.
Aligned maintenance script names with npm commands.
Expanded README with development, metadata and release workflows.

4 August 2026 - v3.9.0

New icon: BeReal
Metadata catalog (icons-metadata.json) used to describe all icons.
Initial asset generation workflow:
- bootstrap metadata
- generate catalogs
- generate individual SVG files
- validate generated assets
- clean generated assets
GitHub Actions workflow to automatically generate and validate assets.

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?rwr5lb'); src: url('fonts/Socicon.eot?rwr5lb#iefix') format('embedded-opentype'), url('fonts/Socicon.ttf?rwr5lb') format('truetype'), url('fonts/Socicon.woff?rwr5lb') format('woff'), url('fonts/Socicon.svg?rwr5lb#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.10.0

Socicon

More information is available on the official Socicon website.

Socicon provides an open-source collection of social, communication, development, gaming and service icons distributed as an icon font and standalone SVG files.

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 (https://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

Socicon is actively maintained by its community.

The project focuses on:

keeping icons up to date;
integrating new services;
maintaining consistent metadata;
automating asset generation;
providing reproducible releases.

The icon font is generated from a single IcoMoon project (selection.json), while icon metadata (categories, tags, colors and official URLs) is maintained separately in icons-metadata.json.

Generated assets are automatically validated before every release to ensure consistency across the project.

Repository structure

The repository is organized as follows:

fonts/ Generated font files
svg/ Generated standalone SVG icons demo-files/ Demo assets
demo.html Demo page site/data/ Generated website data scripts/ Build and maintenance scripts selection.json IcoMoon project
icons-metadata.json Icon metadata database
metadata-rules.json Metadata normalization rules chart-list.json Generated icon catalog
chart-list.js Generated JavaScript catalog

Development

Install dependencies:

npm install

Generate all derived assets:

npm run build

This command automatically:

generates standalone SVG icons;
regenerates chart-list.json and chart-list.js;
generates website data;
validates every generated asset.

For a clean rebuild:

npm run rebuild

Metadata workflow

Socicon uses a metadata-driven workflow.

Audit metadata

npm run metadata:audit

Checks metadata consistency and reports missing or invalid information.

Enrich metadata

npm run metadata:enrich

Looks up official websites and proposes categories and tags.

Suggestions are written to:

metadata-suggestions.json

Review every suggestion manually before applying it.

Apply approved suggestions

npm run metadata:apply

Normalize metadata

npm run metadata:update

Applies metadata normalization rules, aliases, overrides, duplicate removal and alphabetical tag sorting.

Release

Local release package

To generate a production package locally for testing or verification, run:

npm run release:build -- 3.10.0

This command generates production-ready ZIP and tar.gz archives in the release/ directory.

The generated packages contain only production assets. Development scripts, metadata files and build configuration are intentionally excluded.

GitHub releases

Official Socicon releases are generated automatically by GitHub Actions.

Creating and publishing a Git tag (for example v3.10.0) triggers the release workflow, which:

rebuilds all generated assets;
validates the project;
creates the production archives;
attaches them to the GitHub Release.

Running npm run release:build is therefore only required for local testing or verification before publishing a new release.

Note: Local and GitHub-generated release packages are built using the same release script, ensuring identical production artifacts.

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. After the icon has been added, its metadata (category and tags) will be reviewed before being included in an official release.

Contributing

Pull requests are welcome.

Please do not edit generated files manually.

Generated files include:

chart-list.json
chart-list.js
svg/*
site/data/*

Always update the source files and regenerate assets before submitting a pull request.

Thank you for helping keep Socicon up to date!