{"id":18174580,"url":"https://github.com/triggerdotdev/companyicons","last_synced_at":"2025-04-01T15:31:52.668Z","repository":{"id":172208693,"uuid":"648980293","full_name":"triggerdotdev/companyicons","owner":"triggerdotdev","description":"SVG React icon set for popular APIs, by the makers of Trigger.dev.","archived":false,"fork":true,"pushed_at":"2025-03-05T16:51:31.000Z","size":1819,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T10:21:22.866Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"Timonwa/demo-ui-library","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/triggerdotdev.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}},"created_at":"2023-06-03T11:57:29.000Z","updated_at":"2025-03-16T21:48:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"13e9075a-b717-4bee-86b8-88059ee2f90c","html_url":"https://github.com/triggerdotdev/companyicons","commit_stats":null,"previous_names":["triggerdotdev/api-icons"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/triggerdotdev%2Fcompanyicons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/triggerdotdev%2Fcompanyicons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/triggerdotdev%2Fcompanyicons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/triggerdotdev%2Fcompanyicons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/triggerdotdev","download_url":"https://codeload.github.com/triggerdotdev/companyicons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246662390,"owners_count":20813739,"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-02T16:03:35.779Z","updated_at":"2025-04-01T15:31:51.493Z","avatar_url":"https://github.com/triggerdotdev.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Company Icons\n\nEasily render Company icons in your React app. Either directly use an icon by importing it from the `@trigger.dev/companyicons` package or use the `CompanyIcon` component to render any icon by name.\n\nThis library was created for use in [Trigger.dev](https://trigger.dev) to render Company icons.\n\nPlease note that the copyright and trademarks of all icons belong to their respective companies. Please use them responsibly and ensure you follow the terms of use of each company. We're not responsible for any misuse. You're on your own kids.\n\n## Installation\n\nInstall using your favorite package manager, e.g. npm:\n\n```\nnpm install @trigger.dev/companyicons\n```\n\n## Usage\n\nDirectly import a specific icon from the library and use them in your React components.\n\n```tsx\nimport React from \"react\";\nimport {\n  AirtableIcon,\n  AsanaIcon,\n  GitHubLightIcon,\n} from \"@trigger.dev/companyicons\";\n\nfunction App() {\n  return (\n    \u003cdiv\u003e\n      {/* Style using classes, including Tailwind */}\n      \u003cAirtableIcon className=\"w-4 h-4\" /\u003e\n      {/* Or style */}\n      \u003cAsanaIcon style={{ width: \"16px\", height: \"16px\" }} /\u003e\n      {/* Some icons have a \"light\" and \"dark\" variant, like GitHub */}\n      \u003cGitHubLightIcon className=\"w-4 h-4\" /\u003e\n    \u003c/div\u003e\n  );\n}\n\nexport default App;\n```\n\nOr use the `CompanyIcon` component to render any icon by name. This allows you to render Company icons at runtime based on the name.\n\n```tsx\nimport React from \"react\";\nimport { CompanyIcon } from \"@trigger.dev/companyicons\";\n\nfunction App() {\n  return (\n    \u003cdiv\u003e\n      \u003cCompanyIcon name=\"airtable\" className=\"w-4 h-4\" /\u003e\n      \u003cCompanyIcon name=\"asana\" style={{ width: \"16px\", height: \"16px\" }} /\u003e\n\n      {/* GitHub has a light and dark variant.\n       If unspecified you'll get the default (dark in this case) */}\n      \u003cCompanyIcon name=\"github\" className=\"w-4 h-4\" /\u003e\n      {/* Or specify the variant */}\n      \u003cCompanyIcon name=\"github\" className=\"w-4 h-4\" variant=\"light\" /\u003e\n      \u003cCompanyIcon name=\"github\" className=\"w-4 h-4\" variant=\"dark\" /\u003e\n\n      {/* Slack has no variants, so will ignore the variant you specify */}\n      \u003cCompanyIcon name=\"slack\" className=\"w-4 h-4\" variant=\"light\" /\u003e\n    \u003c/div\u003e\n  );\n}\n```\n\n## Contributing\n\nWe welcome new icon contributions and fixes. Please follow the steps below to contribute.\n\n### Steps\n\n- Clone the repository to your local machine.\n- Install the dependencies using `npm install`.\n- View the components in the browser using `npm run storybook`.\n- Make your changes, and ensure that:\n  - icons are inline svgs\n  - icons have the width and height removed and have a valid viewBox\n  - icons have a title element with the name of the icon\n  - the icon fills the viewbox, but isn't stretched\n  - all svg properties are camel case (no dashes). It should be `fillRule` not `fill-rule`.\n  - there are no console errors in Storybook\n- Check your changes look correct in Storybook in your browser.\n- Create a pull request to the main repository with a good description.\n\n### Publishing\n\nThe Trigger.dev team can publish new versions of the library. Please create a pull request with your changes and we'll publish a new version.\n\nThey will:\n\n1. Check any changes look good in Storybook.\n2. Bump the version number.\n3. Run `npm i`.\n4. Run `npm publish` to publish a new version.\n5. Push the modified package.json to the repository.\n\n## License\n\nThis library is licensed under the [MIT License](https://github.com/triggerdotdev/Company-icons/blob/main/license).\n\n## Trigger.dev\n\n[Trigger.dev](https://trigger.dev) is a background Jobs framework. It makes it easy to create long-running jobs directly in your codebase with features like Company integrations, webhooks, scheduling and delays.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftriggerdotdev%2Fcompanyicons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftriggerdotdev%2Fcompanyicons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftriggerdotdev%2Fcompanyicons/lists"}