Code Monkey home page Code Monkey logo

temaki's Introduction

npm version

Temaki

An icon expansion pack for Maki

See https://rapideditor.github.io/temaki/docs for details about each icon.

What is it?

The Maki icon pack is pretty great! We use it in the Rapid editor and name-suggestion-index projects, but sometimes:

  • We need an icon that's out of scope for Maki
  • We don't want to wait for an icon to be added to Maki
  • We're ok with not having 11px versions

So in these situations, we can just draw something "good enough" and put it here. (Many of these icons also originally came from the scottdejonge/map-icons repo.)

The Temaki icons are a little bigger and messier than the Maki ones, but just as delicious. 😋

Design guidelines

We try to mostly follow the excellent Maki design guidelines but these icons are only available in 15px versions.

The purpose of the temaki icons is:

  • To look acceptable on 15px map pins
  • To look really great on 40px preset labels

Some other guidelines:

  • Try to snap coordinates to 1px pixel boundaries for maximum sharpness across all displays.
  • 0.5px pixel boundaries will still look sharp on retina displays.
  • Icons with anything shiny should be lit from the left (e.g. water, perfume, balloon).
  • Try to be culturally neutral (e.g. avoid letters, numbers, left-to-right writing, currency symbols).
  • Prefer solid dark shapes over stroked/outlined shapes.
  • Prefer simplicity over complexity - fewer strokes, paths, control points.
  • Prefer rounded corners and fun shapes (exceptions for serious things like weapons, security cameras).
  • It's ok to break the rules.

Contributing

Icon requests are very welcome!

License

To the extent possible under law, the author(s) have dedicated all copyright and related and neighboring rights to this software to the public domain worldwide. This software is distributed without any warranty.

CC0-1.0

temaki's People

Contributors

bhousel avatar dependabot[bot] avatar hikemaniac avatar jdhoek avatar k-yle avatar markusgaugg avatar mcliquid avatar qugebert avatar quincylvania avatar rudythedev avatar tyrasd avatar westnordost avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

temaki's Issues

Hedge

I'd love to see an icon for the hedge feature in iD/OSM! The way the feature is marked in OSM is nice, but the icon makes it look like it's for a point feature, not a line. That can be confusing for non native english speakers ("did I misremember, maybe it's not called a "hedge" after all?")

Sorry I'm not able to contribute to making it. Thanks!

Pier

The pedestrian icon is overused and this could stand to be more literal anyway.

Screen Shot 2019-11-26 at 2 26 36 PM

Missing natural/landuse in iD

Several missing natural/landuse icons:

landuse=grass
landuse=quarry
natural=bare_rock
natural=coastline
natural=fell
natural=grassland
natural=heath
natural=mud
natural=ridge
natural=sand
natural=scree
natural=scrub
natural=shingle

Cosmetics

for shop=cosmetics
(maybe lipstick?)

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet.
We recommend using:

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

Icon for brothel

I noticed you are missing an icon for brothels, if I made one, any chance it could be accepted?

Bleachers

For leisure=bleachers.

When I first started mapping I didn't think this was even a "real" tag since it didn't have an icon and didn't render in OSM carto.

Screen Shot 2019-10-02 at 7 32 01 PM

Cairn

(e.g. a pile of rocks)
for man_made=cairn

Ford

The iD icon is currently just a pedestrian, which doesn't really convey "ford" specifically and doesn't account for vehicle fords.

Fixed the lighting on the polished nail

This was bothering me - I squared the top a bit, adjusted the lighting, removed redundant vertices, and snapped everything down to half pixel grid:

before after
Screen Shot 2021-03-29 at 12 56 11 PM Screen Shot 2021-03-29 at 1 02 36 PM

Add icon search to gallery page

Temaki now has over 460 icons! This is fantastic, but can make it tough to find what you're looking for. We should add search terms for the icons and a search field to quickly filter them.

Normalize/round coordinates in paths

In a4b983d I added some code to the check.js script to renormalize the paths and round the coordinates to 2 decimal places.

This makes all the icon files smaller, and the temaki-symbol spritesheet 161k (27.5%) smaller without any noticeable change in appearance. 👍

before after
Screen Shot 2021-03-29 at 3 04 54 PM Screen Shot 2021-03-29 at 3 05 07 PM

Tanning Salon

for leisure=tanning and shop=beauty+beauty=tanning

Icon Request for auto rickshaw

I would like to request for an icon for amenity=taxi + taxi_vehicle = auto_rickshaw, for a (draft) PR in the tagging schema.

I drafted one, with most parts adapted from existing icons:

  • board_monorail.svg
  • physiotherapist.svg

auto_rickshaw

Dress icon

for craft=dressmaker or maybe other specific kinds of shop=clothing (wedding?)

Balloons

for shop=party
(the mask we're using currently looks a bit creepy)

milk churn stand

We're working on a preset for iD for milk churn stands to make it easier for beginners to map them.
I had already come up with one for historic=creamery (in a different colour) which was never used, so we can use that, as documented on the wiki page.

#openstreetmap/id-tagging-schema#869

Bookmaker

for shop=bookmaker
(good luck with this one)

Icon size 50x50?

Hi!

I noticed that many icons have the size 50x50, whereas most icons (and also the icons of the original Maki icon set) have 15x15. Is there are reason? Are there plans to unify the size of the icons?

Examples:

  • chairlift.svg
  • abseiling.svg

Roller Coaster

For attraction=roller_coaster. It'd also be cool for this to be consistent with transit icons for when there's finally a standard way to tag roller coaster tracks.

The current icon is a stretch.
Screen Shot 2019-07-31 at 3 36 29 PM

revise medical cross icons

specifically, temaki-briefcase_cross, temaki-mountain_rescue, and temaki-vending_medicine; the use of a Greek cross, crescent moon, or lozenge in relation to medicine refers exclusively to the activities of the International Committee of the Red Cross/Crescent/Crystal.

Instead, Temaki should do as various other medical practitioners do and use either the star of life (a six-armed asterisk with similar proportions of length to thickness of the arms as the cross does) or the rod of Asclepius (a snake wrapped around a staff, not to be confused with the Caduceus or staff of Hermes the messenger, which is two snakes wrapped around a winged staff and represents commerce).

I can mock up example replacements later, just wanted to get the issue up while it was on my mind.

edit: I forgot about this until I came upon my working files again. Here's the mockup:
staroflife @quincylvania

Icon Request: people dancing

Request comes from OpenStreetMaps. We need icons for dancers. It'd be great to have an icon for

  • a couple dancing, for places with dance floors and the like.
  • a night club with lots of people dancing, for obvious night clubs, rave venues.
  • a dancer(s) with a visible curtain, think burlesque or dance theater
  • a pole dancer, for erotic dance venues.

These would help us create icons for the places where these things are likely to happen. Font-awesome doesn't currently address this need at all.

openstreetmap/id-tagging-schema#648
FortAwesome/Font-Awesome#8254 (comment)

Thanks a ton for the project. If you need more context on the need, I'd be happy to answer questions. I've linked to the OSM issue above.

Water Tower

iD overuses the droplet icon already. These also have a distinctive shape so it'd be nice to use that to show how these are different from from simple water storage tanks.

Screen Shot 2019-11-13 at 3 41 18 PM

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.