for: https://mapzen.com/projects/turn-by-turn/

there are a lot of icons. we want to limit the number of http requests that must be made to fetch them. also svgs are great for resolution-independent imagery compared to png spritesheets, and, when done properly, can even be themed in an application. read more.

this repository creates that svg bundle from the source illustrations, also in svg. the source files are in the assets/ directory.

i assume you have a pretty recent version of [node] (https://nodejs.org/en/).

you should clone this repo locally.

git clone [email protected]:mapzen/turn-by-turn-icons.git

then you should install project dependencies.

npm install

the built svg bundle is in the dist/ directory. if you want to build a new one, you can add svgs to assets/.

you can rebuild the svg by running gulp.

gulp

you will know it is working because it will be telling you what it is doing.

you can see a preview of the built svg file by opening up preview.html. i am lazy so this preview only works in new chrome or firefox for no good reason.

have problems? e-mail [email protected]