{"repo":"pfefferle/openwebicons","free":true,"listed":false,"github":"https://github.com/pfefferle/openwebicons","clone":"git clone https://github.com/pfefferle/openwebicons.git","description":"A font!","language":"CSS","stars":850,"topics":["icons","font","icon-font","openweb","hacktoberfest"],"license":"OFL-1.1","category":"ui-components","readme_excerpt":"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 ! Installation npm (npmjs.org) $ npm install openwebicons Usage Include the CSS in your project: Then use icons with CSS classes: For colored variants, append -colored : Building from Source This generates fonts, SCSS variables, CSS files, and the demo page. Build Steps 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 Contributing Adding a new icon: 1. Add your SVG to svg/ (viewBox \"-10 0 1034 1024\" , fill=\"currentColor\" ) 2. Add an entry to icons.json with the next available codepoint and optional color 3. Run npm run build 4. Commit the SVG, icons.json , and all generated output files 5. Open a PR Project Page Browse all icons: https://pfefferle.dev/openwebicons/ ---","default_branch":null,"files":null,"tree":[],"storefront":"/r/pfefferle","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pfefferle/openwebicons/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}