Denali Icon Font

Table of contents

• Background
• Install
• Usage
• Browser Support
• Versioning
• Contribute
• License

Background

The Denali Icon Font was created specifically to service engineering and data based products. The icon family covers a wide variety of topics including localization, security authorization, and data visualization. While the family is ideal for use with engineering and data products, it also includes generic icons that can be utilized by any product such as UI controls and navigation. For flexibility, all icons in the family are available in solid and outline styles and can be implemented as png, svg, or font.

To view the icon family visit our icon site.

Install

Prerequisites

You will need the following installed to run the site:

1. Gulp
2. NPM

Note: This guide assumes you have the prerequisites installed locally and will not go over install instructions for them. Refer to their websites for guidance if necessary.

Generating Icon Font

After all prerequisites are installed follow these instructions to run a local version of this repository.

Clone or download this repository:

denali-system-language/denali-icons.git

Use terminal or any command line tool and navigate to where you downloaded the repository.

cd user/documents/git/denali-icon-font

Use NPM to install packages.

npm install

Usage

If icons were added use this to build a new icon font navigate to where you downloaded the repository and run this gulp command.

gulp iconfont

You should be prompted with a success message. New files are now available in the dist folder.

Browser Support

• Chrome on Android, Windows, macOS, and Linux
• Firefox on Windows, macOS, and Linux
• Safari on iOS and macOS

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Contribute

To start contributing to Denali, have a look at our guidelines, as well as pointers on where to start making changes, in our contributing guide.

Maintainers

• Jay Torres | Dir Product Design for Core Platforms ([email protected])
• Chris Esler | Principle Software Dev Engineer ([email protected])
• Chas Turansky | Product Designer & Front-End Dev ([email protected])
• Jazmin Orozco | Product Designer ([email protected])
• Marco Sandoval | Product Designer ([email protected])

License

Denali Icons offers a font file, svg icon files, png icon files, and demo page. Each file falls under a different license. Before using a particular file, please familiarize yourself with the associated license.

1. Icon font - SIL license
2. SVG/PNG icons - CC-BY 4.0
3. Demo page - MIT