Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/advanced-rest-client/icons

An icons repository for ARC
https://github.com/advanced-rest-client/icons

Last synced: about 1 month ago
JSON representation

An icons repository for ARC

Awesome Lists containing this project

README

        

# ARC icons

[![Published on NPM](https://img.shields.io/npm/v/@advanced-rest-client/icons.svg)](https://www.npmjs.com/package/@advanced-rest-client/icons)

[![Tests and publishing](https://github.com/advanced-rest-client/icons/actions/workflows/deployment.yml/badge.svg)](https://github.com/advanced-rest-client/icons/actions/workflows/deployment.yml)

A set of icons for Advanced REST Client.

## Usage

### Installation

```sh
npm install @advanced-rest-client/icons --save
```

### In an html file

```html



import '@advanced-rest-client/icons/arc-icon.js';




```

### In a LitElement

```js
import { LitElement, html, svg } from 'lit-element';
import '@advanced-rest-client/icons/arc-icon.js';
import * as Icons from '@advanced-rest-client/icons';

class SampleElement extends LitElement {
render() {
return html`



${Icons.add}

${Icons.add}

${Icons.iconWrapper(svg`...`)}
`;
}
}
customElements.define('sample-element', SampleElement);
```

## Development

```sh
git clone https://github.com/advanced-rest-client/icons
cd icons
npm install
```

### Running the demo locally

```sh
npm start
```

### Running the tests

```sh
npm test
```