svgrim 🐅

SVGR Improved. Reactify svgs with additional options.

svgrim is a wrapper around svgr with additional features I use for compiling svg files into react js files. It currently features a more robust find/replace option, an option to create an index file with a list of ES6 icon exports, and defaults to converting a directory of svg icons while maintaining identical file naming conventions.

Installation

To install globally, run

npm i -g @harryhope/svgrim

Usage

  Usage: svgrim [options]

  SVGR Improved. Reactify svgs with additional options.

  Options:

    -V, --version           output the version number
    -d, --dir [value]       A directory of svgs to convert (default: ./)
    -r, --replace <values>  strings to replace
    -w, --with <values>     values to replace --replace with
    --icon                  use "1em" as width and height and add viewbox
    --ext <ext>             specify a custom file extension (default: "js")
    --no-dimensions         remove width and height from root SVG tag
    --native                add react-native support with react-native-svg
    --ref                   add svgRef prop to svg
    --title-prop            create a title element linked with props
    --create-index          create an index file with ES6 export syntax
    -h, --help              output usage information