Socicon

Versions

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

Execution error squelettes/modeles/icons_changelog.html

- Changelog

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'); src: url('fonts/Socicon.eot#iefix') format('embedded-opentype'), url('fonts/Socicon.woff2') format('woff2'), url('fonts/Socicon.ttf') format('truetype'), url('fonts/Socicon.woff') format('woff'), url('fonts/Socicon.svg#Socicon') format('svg'); font-weight: normal; font-style: normal; }

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

[class^="socicon-"], [class*=" socicon-"] { font-family: 'Socicon' !important; speak: none; 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 SociconProduction package

Download source codeComplete GitHub sources

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. Execution error squelettes/modeles/icons_readme.html

- About