npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

font-mfizz

v2.4.1

Published

Font Mfizz - Vector Icons for Technology and Software Geeks ===========================================================

Downloads

40,617

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

exaptisexaptis

Keywords

Readme

Font Mfizz by Fizzed

Vector Icons for Technology and Software Geeks

Font Mfizz provides scalable vector icons representing programming languages, operating systems, software engineering, and technology. It was designed designed for technology and software geeks. It can be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

View icons in action and usage information

Designed by Fizzed, Inc.

Updates tweeted @fizzed_inc

Sponsored by

Font Mfizz is proudly sponsored by Greenback. We love the service and think you would too.

More designing. Less paperwork. Expenses made simple.

Releases

Download packages

CDN

cdnjs now hosts font-mfizz for use by all. Visit https://cdnjs.com/libraries/font-mfizz for more info.

Development

Building font-mfizz relies on many system-level dependencies. Rather than you trying to setup the environment yourself, we have switched to using Vagrant to help automate the setup of a development environment. What's great is that even if you're on Linux, Windows, or Mac, you'll get the exact environment the font-mfizz maintainers use to build the font.

  • Install Vagrant
  • Run vagrant up
  • Sit back, get a coffee...
  • Run vagrant ssh
  • You're now ssh'ed into your font-mfizz virtual dev machine
  • cd /vagrant
  • java -jar blaze.jar
  • On your actual real machine, open up build/font/preview.html in your browser

Can I add an icon?

Short answer, yes!

Since this font is a hobby, the fastest way to get a new one added is to add it yourself. We're happy to accept pull requests and periodically publish new builds. Here are the steps to get an icon officially added:

  1. Does the icon fit within the theme of this font? Does it represent a programming language, operating system, or software engineering?

  2. Find (or create) a .svg (Scalable Vector Graphics) version of the icon you'd like to add. Please note that you may need to tweak and simplify your .svg file for it to be properly converted into a web font.

  3. Add your .svg file to src/svg. The file name will become the eventual glyph name (e.g. java.svg becomes .icon-java in the css).

  4. Follow the steps above to setup your development environment. Compile the font with your new icon(s). Verify they look good in a browser. Sometimes they need tweaking.

  5. Submit a pull request.

License

This project is licensed under the MIT License and © 2013-2017 Fizzed, Inc. You can find a copy of all of the licenses in the projects LICENSE.txt file.

All icons representing commercial companies are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Fizzed, Font Mfizz, nor vice versa.