Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@hackclub/icons
Advanced tools
Readme
@hackclub/icons
Hack Club’s icons are a superset of Spectrum’s incredible collection (also published as spectrum-icons
). Designed for use with our Design System.
npm i @hackclub/icons
import React from 'react'
import Icon from '@hackclub/icons'
export default () => (
<div style={{ color: 'cyan' }}>
<Icon glyph="clubs" size={128} />
<Icon glyph="bank-circle" size={64} />
<Icon glyph="leaders" size={32} />
</div>
)
https://icons.hackclub.com/api/icons/:color/:glyph
:glyph
- A glyph from icons.hackclub.com.:color
- Any valid HTML color or Hack Club Theme color prefixed with hackclub-
. Replace #
with 0x
when using a hexadecimal color.All responses are SVGs with the MIME type image/svg+xml
. You can optionally include the .svg file extension.
Examples:
<img src="https://icons.hackclub.com/api/icons/red/clubs">
<img src="https://icons.hackclub.com/api/icons/hackclub-green/battery-bolt">
<img src="https://icons.hackclub.com/api/icons/0xc78ad4/sam.svg">
Copy and paste the Hack Club Icon component from the Figma file: figma.com/file/u8evOObGA4HCzUKlrVra1q/Hack-Club-Icon-Component
Choose the icon you'd like by modifying the Glyph
.
$ git clone https://github.com/hackclub/icons.git
$ cd icons
$ yarn
yarn run prepare
yarn run dev
If you’d like to add an icon, the Figma file is Hack Club Icons. Try to design the icon only out of components of other icons, to keep consistency high, with those small square canvas sizes. When you’re done, clone your new icon, flatten all the layers into one shape for the simplest/smallest code/rendering, then export as an SVG with no background. Open the file, copy the <path>
, then in the Icon source file, add a new one (alphabetically), using a wrapping <g>
if you have several <path>
s. Make sure to remove the fill attribute from all paths, & ensure you’re formatting props correctly as JSX (replacing hyphens with camelCase).
After publishing, remember to update the package dependency on the docs site so it’s showing the latest iconset.
FAQs
Hack Club’s iconset, a superset of spectrum-icons
The npm package @hackclub/icons receives a total of 507 weekly downloads. As such, @hackclub/icons popularity was classified as not popular.
We found that @hackclub/icons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.