@momentum-ui/icons

v8.33.0

The Cisco Momentum UI Icons library allows developers to easily incorporate Webex Icons and CSS into any application. For more information about how to use this package see README

Latest version published 1 year ago

License: MIT

NPM

GitHub

Package Health Score

73 / 100

security
No known security issues
popularity
Small
maintenance
Sustainable
community
Active

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
8.33.0	\|	10/2023		0 C 0 H 0 M 0 L	0 H 0 M 0 L
8.32.0	\|	09/2022	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.68.0	\|	12/2020		0 C 0 H 0 M 0 L	0 H 0 M 0 L
6.47.0	\|	10/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L
6.46.0	\|	10/2019		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (2,790)

GitHub Stars: 199
Forks: 207
Contributors: 170

Direct Usage Popularity

The npm package @momentum-ui/icons receives a total of 2,790 downloads a week. As such, we scored @momentum-ui/icons popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package @momentum-ui/icons, we found that it has been starred 199 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: No
Contributors: 170
Funding: No

A good and healthy external contribution signal for @momentum-ui/icons project, which invites more than one hundred open source maintainers to collaborate on the repository.

We found a way for you to contribute to the project! Looks like @momentum-ui/icons is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Sustainable

Commit Frequency

Open Issues: 43
Open PR: 48
Last Release: 1 year ago
Last Commit: 2 days ago

Further analysis of the maintenance status of @momentum-ui/icons based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Sustainable.

An important project maintenance signal to consider for @momentum-ui/icons is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 6 years
Dependencies: 0 Direct
Versions: 185
Install Size: 15.9 MB
Dist-tags: 1
# of Files: 3.13K
Maintainers: 23
TS Typings: No

@momentum-ui/icons has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

momentum-ui-icons

npm (scoped)

> Momentum UI Icons

Momentum UI Icons is a full suite of the pictographic font and svg icons.

Background

Momentum UI Icons is a full suite of the pictographic icons for easy scalable vector graphics on websites and web applications, created and maintained by the Spark UI Design Language team. It contains the Scss, CSS, fonts and SVG files needed for implenting the icons indepented of any other framework. It is also consumed and published as part of the Momentum UI Toolkit.

Install

Install and manage the Spark UI Toolkit's icons using NPM. You may use yarn or npm. By default, yarn/npm installs packages to node_modules/.

yarn add @momentum-ui/icons

npm install @momentum-ui/icons --save

Usage

CSS

Copy the "@momentum-ui/icons/fonts" directory to the "fonts" directory for your site.
Copy the "@momentum-ui/icons/css/momentum-ui-icons.min.css" to your styles/css directory.
In the `` of your HTML reference the location of your momentum-ui-icons.min.css.

Scss

Copy the "@momentum-ui/icons/fonts" directory to the "fonts" directory for your site.
Add an "$icon-font-path" variable to your variables.scss file.

$icon-font-path: 'path/to/fonts/directory';

Import "@momentum-ui/icons/scss/momentum-ui-icons.scss" into your main entry Scss file AFTER the variables.

@import '@momentum-ui/icons/scss/momentum-ui-icons.scss';

Compile your Scss using your static compiler or bundler

CSS API

Basic Icons

You can place Momentum UI Icons just about anywhere using the CSS Prefix icon- and the icon's name. Momentum UI Icons is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct).

<i class="icon icon-camera_16"></i>

Icon Sizes

All of the Momentum UI Icons are suffixed with their size. i.e. icon-camera_16 The CSS will automatically size the icons according to this size.

Fixed Width Icons

Use icon-fw to set icons at a fixed width. Great to use when different icon widths throw off alignment. Especially useful in things like nav lists & list groups.

List Icons

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

Animated Icons

Use the icon-spin class to get any icon to rotate, and use icon-pulse to have it rotate with 8 steps.

Rotated & Flipped

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

Contribute

Icon contributions are currently only accepted from the Spark UI Design team.

License

@momentum-ui/icons development dependencies

raf glob sass yarn dotenv lodash rimraf svgson promise fs-extra npm-watch handlebars multi-glob node-watch npm-run-all autoprefixer object-assign @momentum-ui/utils @momentum-ui/webfonts-generator

FAQs

What is @momentum-ui/icons?

The Cisco Momentum UI Icons library allows developers to easily incorporate Webex Icons and CSS into any application. Visit Snyk Advisor to see a full health score report for @momentum-ui/icons, including popularity, security, maintenance & community analysis.

Is @momentum-ui/icons popular?

The npm package @momentum-ui/icons receives a total of 2,790 weekly downloads. As such, @momentum-ui/icons popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is @momentum-ui/icons well maintained?

We found indications that @momentum-ui/icons maintenance is sustainable demonstrating some project activity. We saw a total of 170 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is @momentum-ui/icons safe to use?

The npm package @momentum-ui/icons was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 14 November-2024, at 17:47 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (2,790)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

momentum-ui-icons

Table of Contents

Background

Install

Usage

CSS

Scss

CSS API

Basic Icons

Icon Sizes

Fixed Width Icons

List Icons

Animated Icons

Rotated & Flipped

Contribute

License

@momentum-ui/icons development dependencies

FAQs

What is @momentum-ui/icons?

Is @momentum-ui/icons popular?

Is @momentum-ui/icons well maintained?

Is @momentum-ui/icons safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues