{"id":13808641,"url":"https://github.com/dimaslz/icon-lib-builder","last_synced_at":"2026-01-21T10:37:16.661Z","repository":{"id":177602974,"uuid":"350646810","full_name":"dimaslz/icon-lib-builder","owner":"dimaslz","description":"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.","archived":false,"fork":false,"pushed_at":"2024-08-26T23:03:11.000Z","size":1062,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T19:54:10.756Z","etag":null,"topics":["angular","react","svelte","vue"],"latest_commit_sha":null,"homepage":"https://svg-icon-2-fw-component.dimaslz.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimaslz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-23T09:10:38.000Z","updated_at":"2024-08-26T23:03:14.000Z","dependencies_parsed_at":"2024-10-27T20:33:28.986Z","dependency_job_id":"62047ca4-914e-4510-88ef-ee563cd28492","html_url":"https://github.com/dimaslz/icon-lib-builder","commit_stats":null,"previous_names":["dimaslz/icon-lib-builder"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimaslz/icon-lib-builder","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimaslz%2Ficon-lib-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimaslz%2Ficon-lib-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimaslz%2Ficon-lib-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimaslz%2Ficon-lib-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimaslz","download_url":"https://codeload.github.com/dimaslz/icon-lib-builder/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimaslz%2Ficon-lib-builder/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28631937,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-21T04:47:28.174Z","status":"ssl_error","status_checked_at":"2026-01-21T04:47:22.943Z","response_time":86,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","react","svelte","vue"],"created_at":"2024-08-04T01:01:47.882Z","updated_at":"2026-01-21T10:37:16.626Z","avatar_url":"https://github.com/dimaslz.png","language":"TypeScript","funding_links":[],"categories":["Table of contents"],"sub_categories":["Third Party Components"],"readme":"# SVG Icon to Framework component\n\nSmall 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.\n\n## Test and use in live\n\n[https://svg-icon-2-fw-component.dimaslz.dev](https://svg-icon-2-fw-component.dimaslz.dev)\n\n## How to run\n\n- `npm run install` or `yarn install`\n- `npm run dev` or `yarn dev`\n\nBy default, you will have [http://localhost:3000](http://localhost:3000), if you want to change the port, run `--port XXXX` after `dev` command\n\n## Scripts\n\n| Npm Script      | Description                                                            |\n| --------------- | ---------------------------------------------------------------------- |\n| `dev`           | run project to develop in local watching any change                    |\n| `build`         | build project run as `NODE_ENV=production yarn build`                  |\n| `start`         | once the project is built, serve the distribution content              |\n| `test`          | run tests (verbose by default) with watch by default (not watch in CI) |\n| `test run`      | run tests (verbose by default) just one time                           |\n| `test:coverage` | run tests (and verbose) and linten for changes                         |\n| `lint`          | lint code                                                              |\n\n## Author\n\n```json\n{\n  \"name\": \"Dimas López Zurita\",\n  \"role\": \"Senior Software Engineer\",\n  \"alias\": \"dimaslz\",\n  \"linkedin\": \"https://www.linkedin.com/in/dimaslopezzurita\",\n  \"github\": \"https://github.com/dimaslz\",\n  \"twitter\": \"https://twitter.com/dimaslz\",\n  \"tags\": \"tooling, docker, tailwindcss, vue, SAAS, nodejs+express\"\n}\n```\n\n## My other projects\n\n- [https://ng-heroicons.dimaslz.dev/](https://ng-heroicons.dimaslz.dev/): An Angular components library to use Heroicons.com in your Angular projects.\n- [https://randomdata.loremapi.io/](https://randomdata.loremapi.io/): A tool to create mock Api responses with your custom schema.\n- [https://svg-icon-2-fw-component.dimaslz.dev](https://svg-icon-2-fw-component.dimaslz.dev): A tool to create a framework icon component from a SVG\n- [https://loremapi.io](https://loremapi.io): Mock and document your Api's\n- [https://cv.dimaslz.dev](https://cv.dimaslz.dev): My online CV\n- [https://api.dimaslz.dev](https://api.dimaslz.dev): My professional info by API\n- [https://dimaslz.dev](https://dimaslz.dev): Dev landing\n- [https://dimaslz.com](https://dimaslz.com): Profesional landing profile","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimaslz%2Ficon-lib-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimaslz%2Ficon-lib-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimaslz%2Ficon-lib-builder/lists"}