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

@beyondtracks/osmic

v1.0.0

Published

A collection of 150+ clean high quality SVG map icons licensed under CC0 (Public Domain) and also available as icon font, which is licensed under SIL OFL.

Downloads

5

Readme

Osmic (OSM Icons)

A collection of 150+ clean high quality SVG map icons licensed under CC0 (Public Domain) and also available as icon font, which is licensed under SIL OFL. Below you see a possible preview (these are 2x the original size).

Osmic (OSM Icons)

Icons are heavily inspired by

Icon Features

All icons should adhere to the following features

  • flat (single colour, no gradients, no outlines)
  • clean (reduced complexity where possible)
  • sharp (aligned to pixel grid)
  • single point of view (avoid use of perspective where possible)
  • common canvas size

SVG code

  • avoid Inkscape specific code, use plain SVG
  • no groups, one path
  • invsibile background rectangle spanning the whole canvas to avoid up-/downscaling of the shape alone when using marker-width or marker-height

Icon specifications

All icons use a canvas base size of 14px. Where required there exist several versions that are varying in size and amount of detail. The size is indicated by appending the pixel value to the icon name (e.g. hospital-14.svg).

Create a customised collection

With the Python export script (tools/export.py) the appearance of the icons can be customised. You can

  • specify which icons should be included in or be excluded from the export
  • add padding
  • add halos
  • add shields
  • re-colour icons
  • create icon sprites
  • export as SVG, PNG or icon font

by changing a YAML configuration file.

Have a look at the export guide for more details.

Known Uses

How to contribute

Contributions are welcome, please have a look at this guide.