/wsk-icons

Svg incons and plugin library

Primary LanguageTypeScript

wskicons

A React icon library

Install

npm install wskicons

use

import { Account1Outlined } from 'wskicons'

svg-toolkit Svg optimization and conversion

Introduce

This plugin is mainly used to optimize SVG, PNG, JPG, and GIF images.
If it is SVG, it can be converted into corresponding components through instructions,
For example, React and Vue components, 
Base64 encoded data, can also be converted into images in other formats.

Install

npm install -g wsksvg

Use

Usage:
  wsksvg <input> [output] [options]

Commands:
  <input>         The path to the SVG file or directory containing SVG files.
  [output]        The path to the output directory or file. If not specified,
                  the output will be in the same directory with a ".copy" suffix.

  Options:
    --vue           Generate Vue components from SVG files.
    --react         Generate React components from SVG files.
    --base          Convert SVG files to Base64 encoded data.
    --format <format>  Convert SVG files to specified format (png, jpg, webp, gif,tiff,bmp).
    -h, --help      Display this help message.
  
  Examples:
    wsksvg ./rawSvg
    wsksvg ./rawSvg ./testVue
    wsksvg ./rawSvg ./testVue --vue
    wsksvg ./rawSvg ./testReact --react
    wsksvg ./rawSvg ./base64Output --base
    wsksvg ./rawSvg ./outputImage --format png
    wsksvg ./rawImages ./optimizedImages

    ./rawSvg Input file path  ./test Output file path