https://github.com/denali-design/denali-icons

Denali Icons library consisting of 1000+ icons packaged into a font, SVG, sprite, and JS library.
https://github.com/denali-design/denali-icons

denali denali-icons font icons iconset sprite svg

Last synced: 4 days ago
JSON representation

Denali Icons library consisting of 1000+ icons packaged into a font, SVG, sprite, and JS library.

• Host: GitHub
• URL: https://github.com/denali-design/denali-icons
• Owner: denali-design
• License: mit
• Created: 2021-03-09T18:50:19.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-04-12T18:57:07.000Z (over 1 year ago)
• Last Synced: 2024-12-17T18:40:59.675Z (18 days ago)
• Topics: denali, denali-icons, font, icons, iconset, sprite, svg
• Homepage:
• Size: 778 KB
• Stars: 7
• Watchers: 10
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: Code-of-Conduct.md

Awesome Lists containing this project

README

        
# @denali-design/icons

[![npm](https://img.shields.io/npm/v/@denali-design/icons?color=red)](https://www.npmjs.com/package/@denali-design/icons)

[![Build Status][status-image]][status-url]

[![slack](https://img.shields.io/badge/slack-Denali-3570f4.svg)](https://denali-design.slack.com/app_redirect?channel=general)

[![GitHub](https://img.shields.io/github/license/denali-design/denali-icons)](https://github.com/denali-design/denali-icons/blob/master/LICENSE.md)

## What is Denali Icons?

Denali Icons library consisting of 1000+ unified icons packaged into a font, SVG, sprite, and JS library.

https://denali.design

## Table of Contents

- [Installation](#installation)

- [Usage](#usage)

  - [Font](#font)

  - [SVG](#svg)

  - [SVG Sprite](#svg-sprite)

- [Contributing](#contributing)

- [License](#license)

---

## Installation

### NPM

Install via [NPM](https://www.npmjs.com/)

```

npm install @denali-design/icons

```

### CDN

Install via [jsdelivr](https://www.jsdelivr.com/)

Refer to the usage section for specific examples.

---

## Usage

### Font

Link to the CSS font file in the head of your page or app:

```html

```

or CDN

```html

```

Include an icon in your app or your page with the following markup:

```html



```

---

### SVG

Just your basic svg files.

Include with the svg markup from each icon in your app:

```html

  accessibility

  

    

      

    

    

      

        

        

      

    

  

```

or link to the icon through your preferred installation method.

```html



```

---

### SVG Sprite

A SVG sprite is an svg file that contains multiple images. This allows you to include one file, but use many images. Perfect for icon libraries.

> **NOTE:** An alternative installation method is to copy `denali-icons.svg` into your project.

Include an icon in your app or page with the following markup:

```html

  

```

---

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.

---

## License

This project is licensed under the [MIT License](LICENSE.md).

[status-image]: https://cd.screwdriver.cd/pipelines/7070/badge

[status-url]: https://cd.screwdriver.cd/pipelines/7070