@vaadin/icons 22.0.0-alpha9 → 22.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/README.md +15 -10
  2. package/package.json +8 -8
package/README.md CHANGED
@@ -1,27 +1,32 @@
1
- # Vaadin Icons
1
+ # @vaadin/icons
2
2
 
3
- [![npm version](https://badgen.net/npm/v/@vaadin/icons)](https://www.npmjs.com/package/@vaadin/icons)
4
- [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/vaadinvaadin-icons)
5
- [![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
3
+ A set of 600+ icons designed for web applications.
6
4
 
7
- [<img src="https://raw.github.com/vaadin/vaadin-icons/master/screenshot.png" width="611" alt="Screenshot of some icons in the Vaadin Icons collection" />](https://vaadin.com/icons)
5
+ [Documentation + Live Demo ](https://vaadin.com/docs/latest/ds/foundation/icons/vaadin)
8
6
 
9
- [Vaadin Icons](https://vaadin.com/icons) is a set of 600+ icons designed for web applications. Free to use, anywhere!
7
+ [![npm version](https://badgen.net/npm/v/@vaadin/icons)](https://www.npmjs.com/package/@vaadin/icons)
8
+ [![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
10
9
 
11
- Visit **https://vaadin.com/icons** for more information and instructions how to get started using them.
10
+ [<img src="https://raw.githubusercontent.com/vaadin/web-components/master/packages/icons/screenshot.png" width="728" alt="Screenshot of vaadin-icons">](https://vaadin.com/docs/latest/ds/foundation/icons/vaadin)
12
11
 
13
12
  ## Installation
14
13
 
15
- Install `vaadin-icons`:
14
+ Install the iconset:
16
15
 
17
16
  ```sh
18
- npm i @vaadin/icons --save
17
+ npm i @vaadin/icons
19
18
  ```
20
19
 
21
20
  Once installed, import it in your application:
22
21
 
23
22
  ```js
24
- import '@vaadin/icons/vaadin-icons.js';
23
+ import '@vaadin/icons';
24
+ ```
25
+
26
+ To display an icon, use [`<vaadin-icon>`](https://www.npmjs.com/package/@vaadin/icon) element:
27
+
28
+ ```html
29
+ <vaadin-icon icon="vaadin:phone"></vaadin-icon>
25
30
  ```
26
31
 
27
32
  ## License
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/icons",
3
- "version": "22.0.0-alpha9",
3
+ "version": "22.0.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -16,8 +16,8 @@
16
16
  "bugs": {
17
17
  "url": "https://github.com/vaadin/web-components/issues"
18
18
  },
19
- "main": "vaadin-icons.js",
20
- "module": "vaadin-icons.js",
19
+ "main": "vaadin-iconset.js",
20
+ "module": "vaadin-iconset.js",
21
21
  "scripts": {
22
22
  "icons": "gulp icons"
23
23
  },
@@ -37,14 +37,14 @@
37
37
  "@polymer/iron-icon": "^3.0.0",
38
38
  "@polymer/iron-iconset-svg": "^3.0.0",
39
39
  "@polymer/polymer": "^3.0.0",
40
- "@vaadin/icon": "22.0.0-alpha9"
40
+ "@vaadin/icon": "^22.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "cheerio": "^1.0.0-rc.6",
44
- "gulp": "^4.0.0",
45
- "gulp-cli": "^2.0.1",
43
+ "cheerio": "^1.0.0-rc.10",
44
+ "gulp": "^4.0.2",
45
+ "gulp-cli": "^2.3.0",
46
46
  "gulp-concat": "^2.6.1",
47
47
  "gulp-modify": "^0.1.1"
48
48
  },
49
- "gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274"
49
+ "gitHead": "b668e9b1a975227fbe34beb70d1cd5b03dce2348"
50
50
  }