Project of the week/2010/Jul 25
Be artistic! Create icons for map features that aren't rendered already.
We all enjoy seeing our tagging work appear on the map. Different renderers and different styles show different icons so some icons only appear on specialty maps. But what if you want to create your own specialty map, and the icon you want is not available? The Project of the Week is to exercise your artistic talents. Create additional icons in the theme of a the OSM icon sets.
We are not talking about good/bad style, rendering rules, filtering... Let's just do the graphic work! There are a lot of other missing icons especially for shop=*, if you think an icon is important - Create it! Or see the list of suggestions below.
How to do?
1. Consider your favourite renderer. Take a look at the graphic style of similar objects. Follow the guidelines of the existing icons. This means:
name | color |
---|---|
transport | #0092da |
food, some amenity | #734a08 |
medical | #da0092 |
shopping | #ac39ac |
tourism | #0092da |
small details, money, man_made | #666666 |
- flat icon style
- single colour, no shading
- follow color themes
- create in SVG but has to fit in 16px!
- reuse existing symbols as part of your icon, if it appears somewhere else (e.g. a bike), try to make groups for similar features
- think about an international meaning of the symbols (e.g. red cross is more populare then other health symbols)
2. Have a look here Map features or in here to get presets:
- map-icons.zip (includes a full detailed list and .SVG but is not assigned to a specific renderer) by Applications SVN
- mapnik-icons.zip by Mapnik SVN (SVG source mostly by Brian Quinion )
and of course the enduser apps:
The wiki pages Map Icons, Proposed Icons orWikiProject Pictograms are intended to coordinate some of this work, however they're in need of an update/tidy up.
You might look at external resources, too:
- http://www.openclipart.org
- http://www.sjjb.co.uk/mapicons/introduction
- http://code.google.com/p/google-maps-icons/
- http://www.gpsdrive.de/development/map-icons/overview.en.shtml
Please use exactly the same color e.g. for shops
3. Use vector tools that know SVG to create your icon e.g. Inkscape, OpenOffice Draw, ...
4. Upload your icon as .SVG and as a 16px .PNG to the wiki, add it to this list. Indicate your icon license (CC-Zero or PDDL recommended) Edit
If you preffer mail, feel free to send a mail with all details to <digi_c AT arcor.de> topic: 'osm icons'. Then I will do this work for you.
Results
If you think a suggested icon is bad, feel free to post a better one once again or upload an improved candidate!
- sport=curling, , CC-Zero Rw 09:58, 25 July 2010 (UTC) (Example)
- sport=yoga, , CC-Zero GMason
- sport=basketball, , , PD-self --Peter Maiwald 22:25, 3 August 2010 (BST)
- leisure=playground, , , PD-self --Peter Maiwald 20:17, 3 August 2010 (BST)
- shop=car_repair, , PD-self Nandhp 12:59, 25 July 2010 (UTC)
- shop=computer, , , PD-self Nandhp 14:44, 25 July 2010 (UTC)
- shop=electronics, , , PD-self Nandhp 14:44, 25 July 2010 (UTC)
- shop=bakery, ,
- shop=beauty, , , CC0(derived) --!i! 14:22, 27 July 2010 (UTC)
- shop=bicycle, , , CC0(derived) --!i! 14:22, 27 July 2010 (UTC)
- shop=motorcycle, , , CC0(derived) --!i! 14:22, 27 July 2010 (UTC)
- shop=car, , , PDself (derived) --!i! 14:22, 27 July 2010 (UTC)
- shop=butcher, , CC0 (derived) --!i! 14:22, 27 July 2010 (UTC)
- shop=confectionery, , , CC0 (derived) --!i! 14:22, 27 July 2010 (UTC)
- shop=furniture, , , PD-self --!i! 15:57, 27 July 2010 (UTC)
- shop=garden_centre, , , PD-self --!i! 15:57, 27 July 2010 (UTC)
- shop=jewelry, , , PD-self --!i! 15:57, 27 July 2010 (UTC)
- shop=laundry, , , CC0 (derived) --!i! 15:57, 27 July 2010 (UTC)
- shop=dry_cleaning, , , CC0 (derived) --gulp21 11:02, 1 August 2010 (UTC)
- shop=fabrics, , , PD-self --!i! 20:26, 27 July 2010 (UTC) and modified by JasonWoof 18:31, 29 July 2010 (UTC) (also PD-self)
- shop=florist, , , CC0(derived) --!i! 20:26, 27 July 2010 (UTC)
- shop=gift, , , CC0(derived) --!i! 20:26, 27 July 2010 (UTC)
- shop=greengrocer, , , CC0(derived) --!i! 20:26, 27 July 2010 (UTC)
- shop=greengrocer, , , CC0(derived) --gulp21 08:44, 31 July 2010 (UTC)
- shop=newsagent, , , PD-self --!i! 20:26, 27 July 2010 (UTC)
- shop=kiosk , CC0 (derived) --!i! 08:05, 28 July 2010 (UTC)
- shop=optician , PD-self --!i! 08:05, 28 July 2010 (UTC)
- shop=shoes, , PD-self(derived) --!i! 08:05, 28 July 2010 (UTC)
- shop=toys, , PD-self --!i! 08:05, 28 July 2010 (UTC)
- shop=sports, , , PD-self --!i! 09:20, 28 July 2010 (UTC)
- shop=travel_agency, , , PD-self --!i! 09:20, 28 July 2010 (UTC)
- shop=stationery, , , PD-self --!i! 09:20, 28 July 2010 (UTC)
- shop=department_store, , , CC0(derived) --!i! 09:20, 28 July 2010 (UTC)
- shop=mall, , , CC0(derived) --!i! 09:20, 28 July 2010 (UTC)
- shop=outdoor, , , PD-self --!i! 10:47, 28 July 2010 (UTC)
- shop=video, , , PD-self --!i! 10:47, 28 July 2010 (UTC)
- shop=alcohol, , , PD-self --!i! 15:31, 28 July 2010 (UTC)
- shop=beverages, , , PD-self --!i! 15:31, 28 July 2010 (UTC)
- shop=art, , , PD-self
- shop=boutique, , , PD-self --!i! 15:31, 28 July 2010 (UTC)
- shop=charity, , , CC0(derived) --!i! 15:31, 28 July 2010 (UTC)
- shop=hearing_aids, , , CC0(derived) --!i! 15:31, 28 July 2010 (UTC)
- shop=hifi, , , PD-self --!i! 16:54, 28 July 2010 (UTC)
- shop=hardware, , , PD-self --!i! 16:54, 28 July 2010 (UTC)
- amenity=stripclub, , , PD(derived)--!i! 11:17, 29 July 2010 (UTC)
- shop=pets, , PD (derived) --Ianlopez1115 04:42, 31 July 2010 (UTC)
- shop=chemist, , CC0 (derived) --gulp21 11:01, 31 July 2010 (UTC)
- shop=books, , PD-self --gulp21 11:01, 31 July 2010 (UTC)
- shop=copyshop, , PD-self --gulp21 10:52, 1 August 2010 (UTC)
- shop=curtain, , PD-self --gulp21 10:52, 1 August 2010 (UTC)
- shop=ice_cream, , PD-self --gulp21 10:52, 1 August 2010 (UTC)
- shop=bed, , PD-self --gulp21 10:52, 1 August 2010 (UTC)
- amenity=doctor, , , PD-self --!i! 10:47, 28 July 2010 (UTC)
- amenity=veterinary, , , PD-self --!i! 10:47, 28 July 2010 (UTC)
- amenity=dentist, , , PD-self --!i! 16:54, 28 July 2010 (UTC)
- highway=emergency_access_point, , , PD-self --!i! 16:54, 28 July 2010 (UTC)
- man_made=surveillance, , , PD-self --!i! 10:47, 28 July 2010 (UTC)
- man_made=crane, , , PD-self --!i! 16:54, 28 July 2010 (UTC)
- amenity=vending_machine, , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine, PD-self --coco 10:52, 4 August 2010 (UTC)
- amenity=vending_machine vending=public_transport_tickets, , CC0 (derived) --gulp21 10:52, 1
- amenity=vending_machine vending=cigarettes, , , CC0 (derived) --!i! 06:52, 28 July 2010 (UTC)
- amenity=vending_machine, , PD-self --coco 10:52, 4 August 2010 (UTC)
- amenity=vending_machine vending=excrement_bags, , , PD-self --!i! 06:52, 28 July 2010 (UTC)
- amenity=vending_machine vending=parking_tickets, , , PD-self --!i! 06:52, 28 July 2010 (UTC)
- amenity=vending_machine vending=condoms, , , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine, , PD-self --coco 10:52, 4 August 2010 (UTC)
- amenity=vending_machine vending=parcel_mail_in, , , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine vending=parcel_pickup, , , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine vending=photos, , , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine vending=stamps, , , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine vending=sweets, , , CC0 (derived) --gulp21 10:52, 1 August 2010 (UTC)
- amenity=vending_machine, , PD-self --coco 10:52, 4 August 2010 (UTC)
- amenity=vending_machine, PD-self --coco 10:52, 4 August 2010 (UTC)
- parking=multistory, , , PD-self --!i! 14:22, 27 July 2010 (UTC)
- parking=underground, , PD-self --!i! 14:22, 27 July 2010 (UTC)
- aeroway=helipad, , , PD-self --!i! 10:47, 28 July 2010 (UTC)
- amenity=fountain, , , CC0 -- JasonWoof 03:37, 29 July 2010 (UTC)
- amenity=hunting_stand, , , PD-self --!i! 11:17, 29 July 2010 (UTC)
- man made=water_well, , , PD-self --!i! 11:17, 29 July 2010 (UTC)
- tourism=chalet, , PD-self --Peter Maiwald 00:42, 30 July 2010 (UTC)
- amenity=canoe_rental, , , PD-self --Peter Maiwald 22:43, 2 August 2010 (BST)
- amenity=clock, , PD-self --gulp21 14:17, 30 July 2010 (UTC)
- amenity=bench, , PD-self --gulp21 07:34, 31 July 2010 (UTC)
- amenity=bench backrest=yes, , PD-self --gulp21 07:34, 31 July 2010 (UTC)
- amenity=waste_basket, , or this one PD-self --gulp21 08:44, 31 July 2010 (UTC)
- amenity=school, , CC0 (derived) --gulp21 10:04, 31 July 2010 (UTC)
- amenity=kindergarten, , PD-self --gulp21 10:04, 31 July 2010 (UTC)
- amenity=courthouse, , PD-self --gulp21 10:04, 31 July 2010 (UTC)
- tourism=information, PNG CC0 --gulp21 11:01, 31 July 2010 (UTC)
- amenity=bicycle_parking, PNG CC0 --gulp21 11:01, 31 July 2010 (UTC)
- historic=castle, , PD-self --gulp21 10:52, 1 August 2010 (UTC)
- amenity=community_centre, , (could be better) PD-self --gulp21 10:52, 1 August 2010 (UTC)
- amenity=townhall, , (could be better) PD-self --gulp21 10:52, 1 August 2010 (UTC)
- ...
- (list yours here)
Suggestions
- car repair, car shop - cause most people drive car and know the situation when your engine is down :(
- parking subtypes - help me to get a better overview where the big parking multi-storys are (and how to avoid them by using park&ride)
- bicycle shops - currently Map Icons only on the OpenCycleMap, thats bad!
- butcher - well ok I like bread, but what about M E A T???
- beauty shops - How about nutritional supplement stores, tanning salons, estheticians?
- computer store - this is definitely important for a geek!!! ;)
- medics - we have to care about the heath system by our own
- sports - yes we see the areas but which type of sport is it for?
- sport=*
- laundry - the biggest problem if you are new to town :(
Proposal : On openclipart, the are un waching machine. http://www.openclipart.org/detail/50455
- As you might seen in the .SVG page of my try, it's allready this one :) --!i! 21:18, 21 August 2010 (BST)
- furniture, garden centre - useful when you're moving in (and may not know the area well!)
- jewelry, florist, ...
- bench, fountain, excrement bags, ... - the little details that impress people
- Cause of their lower priority I think grey is ok. The fountain might be blue=water or light blue to get distinguished from a lake if it's within. --!i! 05:33, 28 July 2010 (UTC)
- Thanks for the advice! I went with grey for the fountain because it sounds right, and to be sure it's visible when it's a node inside a pool/pond. -- JasonWoof 03:41, 29 July 2010 (UTC)
- Cause of their lower priority I think grey is ok. The fountain might be blue=water or light blue to get distinguished from a lake if it's within. --!i! 05:33, 28 July 2010 (UTC)
- beaches - some people love to swim, other love to tan in the sun
- tobacco - in Hungary can buy tobacco in national shop only
Results
- Some of the icons from this project of the week have been accepted into the icon collection at http://www.sjjb.co.uk/mapicons/changelog
- We added a TRAC ticket to please the osm.org style maintainers to use more icons [1]
- Some icons were added
- user:!i! refactored the whole icon related wiki
About the author
Matthias !i! joined OSM in 2008 during research for a project. He lives in Rostock in north Germany where he tags address information and studies informatics at the University of Rostock. !i! also does some OSM community outreach in Mecklenburg Vorpommern and is developing a plugin for videomapping in JOSM.
Thank you for contributing this Project of the Week, Matthias!