Intel® UI Icons

Offering Intel's brand icons.

Using icons

Import it to your css bundle (most likely into global styles.scss) like the following:

@import 'intel-icons/dist.web/icons.css';

Basic usage example:

<i className="spark-icon spark-icon-copy spark-icon-light" style={{ fontFamily: 'spark-icon' }} />

Where

• i tag can be any inline HTML element, e.g. a, span, b or strong, button, etc.
• spark-icon class name is a mandatory parameter that tells a page to use styles from iconfont component
• spark-icon-copy instructs to use a particular shape for an icon. In this example the icon will look like two overlapping pages (copy to clipboard).
• spark-icon-light, spark-icon-regular, spark-icon-solid filled or outlined shapes with a thin, medium or thick stroke

Troubleshooting

Installing packages while connected to the Intel VPN

Running fastasticon on Windows: Downgrade version to 1.2.3.