Security News
Research
Data Theft Repackaged: A Case Study in Malicious Wrapper Packages on npm
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
@trigger.dev/companyicons
Advanced tools
Easily 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.
This library was created for use in Trigger.dev to render Company icons.
Please 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.
Install using your favorite package manager, e.g. npm:
npm install @trigger.dev/companyicons
DIrectly import a specific icon from the library and use them in your React components.
import React from "react";
import {
AirtableIcon,
AsanaIcon,
GitHubLightIcon,
} from "@trigger.dev/companyicons";
function App() {
return (
<div>
{/* Style using classes, including Tailwind */}
<AirtableIcon className="w-4 h-4" />
{/* Or style */}
<AsanaIcon style={{ width: "16px", height: "16px" }} />
{/* Some icons have a "light" and "dark" variant, like GitHub */}
<GitHubLightIcon className="w-4 h-4" />
</div>
);
}
export default App;
Or use the CompanyIcon
component to render any icon by name. This allows you to render Company icons at runtime based on the name.
import React from "react";
import { CompanyIcon } from "@trigger.dev/companyicons";
function App() {
return (
<div>
<CompanyIcon name="airtable" className="w-4 h-4" />
<CompanyIcon name="asana" style={{ width: "16px", height: "16px" }} />
{/* GitHub has a light and dark variant.
If unspecified you'll get the default (dark in this case) */}
<CompanyIcon name="github" className="w-4 h-4" />
{/* Or specify the variant */}
<CompanyIcon name="github" className="w-4 h-4" variant="light" />
<CompanyIcon name="github" className="w-4 h-4" variant="dark" />
{/* Slack has no variants, so will ignore the variant you specify */}
<CompanyIcon name="slack" className="w-4 h-4" variant="light" />
</div>
);
}
The following icons are available:
We welcome new icon contributions and fixes. Please follow the steps below to contribute.
npm install
.npm run storybook
.fillRule
not fill-rule
.The 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.
They will:
npm run publish
to publish a new version. It will bump the version number and publish to npm.This library is licensed under the MIT License.
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.
FAQs
Easily render company icons in your React app.
The npm package @trigger.dev/companyicons receives a total of 73 weekly downloads. As such, @trigger.dev/companyicons popularity was classified as not popular.
We found that @trigger.dev/companyicons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.