Skip to content

Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icons. Copy and paste the SVG icon content to the tool and you will have a basic framework template to use the SVG icon in your project.

Notifications You must be signed in to change notification settings

dimaslz/icon-lib-builder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SVG Icon to Framework component

Small tool to generate a framework component (React, Preact, Angular, Vue, Vue3 or Svelte) from a SVG icons. Drop or paste your SVG icon content to the tool and you will have a basic framework template to use the svg icon in your project.

Test and use in live

https://svg-icon-2-fw-component.dimaslz.dev

How to run

  • npm run install or yarn install
  • npm run dev or yarn dev

By default, you will have http://localhost:3000, if you want to change the port, run --port XXXX after dev command

Scripts

Npm Script Description
dev run project to develop in local watching any change
build build project run as NODE_ENV=production yarn build
start once the project is built, serve the distribution content
test run tests (verbose by default) with watch by default (not watch in CI)
test run run tests (verbose by default) just one time
test:coverage run tests (and verbose) and linten for changes
lint lint code

Author

{
  "name": "Dimas López Zurita",
  "role": "Senior Software Engineer",
  "alias": "dimaslz",
  "linkedin": "https://www.linkedin.com/in/dimaslopezzurita",
  "github": "https://github.com/dimaslz",
  "twitter": "https://twitter.com/dimaslz",
  "tags": "tooling, docker, tailwindcss, vue, SAAS, nodejs+express"
}

My other projects

About

Small tool to generate a Framework component (React, Preact, Angular, Svelte or Vue) from a SVG icons. Copy and paste the SVG icon content to the tool and you will have a basic framework template to use the SVG icon in your project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published