{"id":21638102,"url":"https://github.com/purecloudlabs/genesys-dev-icon-pack","last_synced_at":"2026-04-19T10:33:44.606Z","repository":{"id":57249576,"uuid":"408852250","full_name":"purecloudlabs/genesys-dev-icon-pack","owner":"purecloudlabs","description":"This project amalgamates public-facing Genesys brand icons, Genesys product icons, and general application iconography into a packaged icon library.","archived":false,"fork":false,"pushed_at":"2024-02-13T23:04:41.000Z","size":3571,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-04-14T23:58:08.464Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/purecloudlabs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-09-21T14:26:49.000Z","updated_at":"2024-04-29T18:44:17.369Z","dependencies_parsed_at":"2023-01-23T08:45:58.775Z","dependency_job_id":"575e8367-5e32-49f7-92e0-70bc59f99f7b","html_url":"https://github.com/purecloudlabs/genesys-dev-icon-pack","commit_stats":{"total_commits":50,"total_committers":2,"mean_commits":25.0,"dds":"0.040000000000000036","last_synced_commit":"8264c8b81b05fcb512b3d17de88cdc9e2c48509f"},"previous_names":[],"tags_count":65,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purecloudlabs%2Fgenesys-dev-icon-pack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purecloudlabs%2Fgenesys-dev-icon-pack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purecloudlabs%2Fgenesys-dev-icon-pack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purecloudlabs%2Fgenesys-dev-icon-pack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/purecloudlabs","download_url":"https://codeload.github.com/purecloudlabs/genesys-dev-icon-pack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244327873,"owners_count":20435506,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-11-25T04:08:12.484Z","updated_at":"2026-04-19T10:33:39.567Z","avatar_url":"https://github.com/purecloudlabs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![npm](https://img.shields.io/npm/v/genesys-dev-icons)\n\n![npm (tag)](https://img.shields.io/npm/v/genesys-dev-icons/preview)\n\n# genesys-dev-icon-pack\n\nThis project amalgamates public-facing Genesys brand icons, Genesys product icons, and general application iconography into a packaged icon library.\n\n## Usage\n\nSee `package/README.md` and https://purecloudlabs.github.io/genesys-dev-icon-pack/.\n\n## Building Locally\n\n### Generate Icon Pack and Component Package\n\nRunning the build script first generates the icon pack from the source SVG images found in the `icons` folder. This process uses [fantasticon](https://github.com/tancredi/fantasticon) to transform the SVG files into a font. Next, the new resources are copied into the packaged component's resources and the package is rebuilt.\n\nInstall dependencies and run the build:\n\n```sh\ncd package\nnpm ci\nnpm run build\n```\n\nThe resulting icon pack files will be located in the `dist` folder. The resulting package source that gets published to npm will be located in the `package/lib` folder.\n\n### Deploy Component Package to NPM\n\n1. Ensure the version number has been incremented appropriately in `package/package.json` in the format `x.y.x` using semantic versioning rules\n2. Run the `devengage-publish-npm-package` Jenkins job for this package\n   1. Branch builds will have the branch name and build number appended to the package version\n\n### Run Local Demo\n\nThe following commands will run the React.js demo application locally and can be accessed at http://localhost:3000/.\n\n```sh\ncd app\nnpm ci\nnpm run start\n```\n\n### Build and Deploy Demo to GitHub Pages\n\nMainline builds of the `devengage-publish-npm-package` Jenkins job publish the doc site.\n\n# Icon Design Tips\n\n- Vector editor: https://www.vectornator.io/\n- Canvas 36x36 px\n- Draw lines using a 1.6 em stroke and no fill, convert to outline after drawing\n  - Do not use _any_ strokes in the final exported artwork - fill only!\n- Group all elements in one group before exporting (often solves black background in compiled icon)\n\n## Troubleshooting\n\n### Why does the icon have a black background or seem inverted?\n\nTry grouping or combining all paths in the document. Sometimes the icon conversion process has trouble identifying boundaries and results in painting unexpected portions or the entire icon the fill color.\n\nIf that doesn't fix it, try manually editing the SVG export and remove this element: `\u003cclipPath id=\"ArtboardFrame\"\u003e ... \u003c/clipPath\u003e`.\n\n# Imported icons\n\nThe owners of trademarks and registered logos retain ownership of their respective works.\n\n## Font Awesome\n\nFont Awesome Icons used in this library are attributed to Font Awesome and are licensed under the free license found at https://fontawesome.com/license/free.\n\n## GitHub\n\nGitHub icons used in this library are attributed to GitHub and are used per the guidelines found at https://github.com/logos.\n\n## NPM\n\nNPM icons used in this library are attributed to NPM and are used per the guidelines found at https://github.com/npm/logos.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpurecloudlabs%2Fgenesys-dev-icon-pack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpurecloudlabs%2Fgenesys-dev-icon-pack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpurecloudlabs%2Fgenesys-dev-icon-pack/lists"}