Nuclear Powered Marshmallows

    This package has been deprecated

    Author message:

    Icons moved into main Streetmix repository.

    @streetmix/icons

    0.7.0 • Public • Published

    icons

    Icons for Streetmix segments. The svg folder contains source files in SVG.

    Working with icons

    SVGs are individually made as 48x48. Guidelines:

    • Do not use strokes, only fills
    • Outline all text
    • Use black as fill color unless the icon should default to another color for whatever reason. If an icon might exist in Streetmix as different colored versions (see the asphalt icon for example) we can use the css fill property to re-use a single icon with different colors.
    • Clip paths break in Internet Explorer. This is a known bug with no apparent fix in sight. To work around this, crop and subtract paths instead of clipping them.

    All the current SVGs are exported from Affinity Designer. They have a very easy to use exporter that doesn't insert a lot of the extra meta-gunk that Illustrator does.

    When exporting from Affinity Designer:

    • Use the SVG (for web) preset, which flattens transforms for even cleaner output
    • Use the Whole document area (turning off other layers), which preserves the square viewbox

    More info on SVG icons: http://css-tricks.com/svg-symbol-good-choice-icons/

    Generating the final output

    Install dependencies:

    npm install
    

    Create icons.svg

    npm start
    

    Send changes back upstream

    git add --all
    git commit --message 'feat: I updated an icon'
    git push origin
    

    When Streetmix is redeployed, it will retrieve the latest version of the icons from GitHub and incorporate it as a Node.js module. Icons must be build in the final icons.svg output for it to be used. Streetmix does not use the raw, source SVG files.

    Keywords

    none

    Install

    npm i @streetmix/icons

    DownloadsWeekly Downloads

    8

    Version

    0.7.0

    License

    BSD-3-Clause

    Unpacked Size

    108 kB

    Total Files

    65

    Last publish

    Collaborators

    • louh
    • streetmix-owner