README

OpenWeb Icons

The OpenWeb Icons is a web-font that gives you scalable vector icons/logos of some open communities, standards or projects.

It includes the Creative Commons-, HTML5- and Microformats-icons for example. Use them to show your love for the Open Web!

$ npm install openwebicons

Include the CSS in your project:

<link rel="stylesheet" href="node_modules/openwebicons/css/openwebicons.min.css">

Then use icons with CSS classes:

<i class="icon-html5"></i>
<i class="icon-mastodon"></i>
<i class="icon-activitypub"></i>
<i class="icon-fediverse"></i>

For colored variants, append -colored:

<i class="icon-html5-colored"></i>
<i class="icon-mastodon-colored"></i>

npm install
npm run build

This generates fonts, SCSS variables, CSS files, and the demo page.

Command	Description
`npm run build:fonts`	Generate font files from SVGs + docs HTML via fantasticon
`npm run build:scss`	Generate `sass/_vars.scss` from `icons.json`
`npm run build:css`	Compile SCSS to CSS (expanded + minified)
`npm run build:docs`	Copy CSS + fonts to `docs/` for GitHub Pages
`npm run build`	Run all of the above in sequence

Adding a new icon:

Add your SVG to svg/ (viewBox "-10 0 1034 1024", fill="currentColor")
Add an entry to icons.json with the next available codepoint and optional color
Run npm run build
Commit the SVG, icons.json, and all generated output files
Open a PR