@mskcc/icons
Advanced tools
Font files built with ligatures and Icon SVG sources
| dist/svg/* | SVG files |
| dist/msk-icon.min.css | css stylesheet |
| dist/msk-icon.scss | scss stylesheet |
$msk--icon-font-path | variable for the font path |
msk-icon in a span element to point to the font<span class="msk-icon">add</span>
npm install @mskcc/icons
Add the
msk-iconstylesheet to your project.
@import '@mskcc/icon/dist/msk-icon.min.css';
// $msk-icon-font-path is the variable for the font path
@import '@mskcc/icons/dist/msk-icon.scss';
<head>
<link
href="https://cdn.jsdelivr.net/npm/@mskcc/icons@latest/dist/msk-icon.min.css"
rel="stylesheet"
/>
</head>
Java is required for icon packaging. Jenv is a utility that makes setting the JAVA_HOME variable easier.
// After running each script, please follow the directions they provide
brew install maven jenv openjdk@11
jenv init -
// Run below within icons directory
mvn install
mvn package
gulp build
Each icon font has a reserved codepoints index that points to a unicode set, which is identified in reserved-codepoints.json. As a new icon gets added, we will assign the next available codepoints index.
src folderpnpm run build and the files will render in distThis task solidifies the space for the specified icon.
pnpm run build:codepoints to add the new icon codepoints index to the reserve list.reserved-codepoints.jsonFAQs
MSK icons and icon font
We found that @mskcc/icons demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 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
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.
Security News
The Axios compromise shows how time-dependent dependency resolution makes exposure harder to detect and contain.