Compare commits
31 Commits
Author | SHA1 | Date | |
---|---|---|---|
fcd491c8a2 | |||
70b1a47b56 | |||
fcd9e44681 | |||
0bbc3f61dc | |||
ac50475a45 | |||
e105533ac1 | |||
e5d9dffac4 | |||
eced6f7414 | |||
f949102033 | |||
61803f2129 | |||
8aec53b331 | |||
156c0919c9 | |||
179b482c03 | |||
a23698d5be | |||
fb057f1f94 | |||
21bb9fe6d6 | |||
c63f478ff5 | |||
b424fa779d | |||
01698dea84 | |||
ae8e149850 | |||
9f49fd9560 | |||
742f452232 | |||
962870d51c | |||
ba1b12a712 | |||
5045ec3b78 | |||
0d65b5761b | |||
fcf9aec131 | |||
2ee03d261c | |||
dc3c0cc47e | |||
d5ba74d93b | |||
9b157b399d |
10
.github/ISSUE_TEMPLATE.md
vendored
@ -1,10 +0,0 @@
|
|||||||
<!--
|
|
||||||
If you'd like to request an icon, please provide the following information:
|
|
||||||
- icon name
|
|
||||||
- at least one use case
|
|
||||||
- screenshots of similar icons
|
|
||||||
|
|
||||||
Please create one issue for each icon request.
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
67
.github/ISSUE_TEMPLATE/bug_report.md
vendored
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
---
|
||||||
|
name: Bug report
|
||||||
|
about: Create a report to help us improve
|
||||||
|
---
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Before reporting an issue, please search to see if someone has filed a similar issue before. If there is already an open issue, please add a 👍 and/or leave a comment with additional information.
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Prerequisites
|
||||||
|
|
||||||
|
* Version:
|
||||||
|
* Are you running from source/master:
|
||||||
|
* Are you using a released build:
|
||||||
|
* Operating system:
|
||||||
|
* Bits:
|
||||||
|
|
||||||
|
## Step to reproduce
|
||||||
|
|
||||||
|
*(Type here)*
|
||||||
|
|
||||||
|
### Actual behavior
|
||||||
|
|
||||||
|
## Any message or error
|
||||||
|
|
||||||
|
*(Type here)*
|
||||||
|
|
||||||
|
## Resources
|
||||||
|
|
||||||
|
* Links
|
||||||
|
* Screenshots
|
||||||
|
|
||||||
|
|
||||||
|
Here is what a great bug report would look like:
|
||||||
|
|
||||||
|
```
|
||||||
|
## Prerequisites
|
||||||
|
|
||||||
|
Version: Release v3.1.0
|
||||||
|
Running from: Import using webpack
|
||||||
|
Operating system: Mac OSX
|
||||||
|
Bits: 64 bits
|
||||||
|
|
||||||
|
## Step to reproduce
|
||||||
|
|
||||||
|
- Import `check` icon
|
||||||
|
- Add to a React component/view
|
||||||
|
- Run the react app
|
||||||
|
- Notice that the `check` isn't rendering correctly which seems a encoding problem
|
||||||
|
|
||||||
|
### Actual behavior:
|
||||||
|
|
||||||
|
- Import `check` icon
|
||||||
|
- Add to a React component/view
|
||||||
|
- Run the react app
|
||||||
|
- Check is displayed with correct encoding (e.g UTF-8)
|
||||||
|
|
||||||
|
## Any message or error
|
||||||
|
|
||||||
|
No console output
|
||||||
|
...
|
||||||
|
|
||||||
|
## Resources
|
||||||
|
|
||||||
|
No resources
|
||||||
|
...
|
||||||
|
```
|
14
.github/ISSUE_TEMPLATE/icon_request.md
vendored
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
---
|
||||||
|
name: Icon request
|
||||||
|
about: Suggest an new icon for this project
|
||||||
|
---
|
||||||
|
|
||||||
|
<!--
|
||||||
|
Before creating an icon request, please search to see if someone has requested the icon already. If there is an open request, please add a 👍.
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Icon Request
|
||||||
|
|
||||||
|
* Icon name:
|
||||||
|
* Use case:
|
||||||
|
* Screenshots of similar icons:
|
@ -37,24 +37,36 @@ When creating a new issue make sure to include the following:
|
|||||||
- A screenshot of any visual bug.
|
- A screenshot of any visual bug.
|
||||||
|
|
||||||
Here is what a great bug report would look like:
|
Here is what a great bug report would look like:
|
||||||
|
|
||||||
```
|
```
|
||||||
Check not rendering properly
|
## Prerequisites
|
||||||
|
|
||||||
Version: Release v3.1.0
|
Version: Release v3.1.0
|
||||||
Downloaded from: Import using webpack
|
Running from: Import using webpack
|
||||||
OS: Mac OSX
|
Operating system: Mac OSX
|
||||||
|
Bits: 64 bits
|
||||||
|
|
||||||
|
## Step to reproduce
|
||||||
|
|
||||||
How to reproduce:
|
|
||||||
- Import `check` icon
|
- Import `check` icon
|
||||||
- Add to a React component/view
|
- Add to a React component/view
|
||||||
- Run the react app
|
- Run the react app
|
||||||
- Notice that the `check` isn't rendering correctly which seems a encoding problem
|
- Notice that the `check` isn't rendering correctly which seems a encoding problem
|
||||||
Actual result:
|
|
||||||
|
### Actual behavior:
|
||||||
|
|
||||||
- Import `check` icon
|
- Import `check` icon
|
||||||
- Add to a React component/view
|
- Add to a React component/view
|
||||||
- Run the react app
|
- Run the react app
|
||||||
- Check is displayed with correct encoding (e.g UTF-8)
|
- Check is displayed with correct encoding (e.g UTF-8)
|
||||||
|
|
||||||
|
## Any message or error
|
||||||
|
|
||||||
No console output
|
No console output
|
||||||
...
|
...
|
||||||
|
|
||||||
|
## Resources
|
||||||
|
|
||||||
|
No resources
|
||||||
|
...
|
||||||
```
|
```
|
||||||
|
49
README.md
@ -13,7 +13,7 @@ Feather is a collection of simply beautiful open source icons. Each icon is desi
|
|||||||
|
|
||||||
https://feathericons.com
|
https://feathericons.com
|
||||||
|
|
||||||
```sh
|
```shell
|
||||||
npm install feather-icons
|
npm install feather-icons
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -50,7 +50,7 @@ Or copy and paste the following code snippet into a blank `html` file.
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<title></title>
|
<title></title>
|
||||||
<script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
|
<script src="https://unpkg.com/feather-icons"></script>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- example icon -->
|
<!-- example icon -->
|
||||||
@ -77,7 +77,7 @@ The following are additional ways you can use Feather.
|
|||||||
|
|
||||||
Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
|
Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
|
||||||
|
|
||||||
```
|
```shell
|
||||||
npm install feather-icons --save
|
npm install feather-icons --save
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -85,25 +85,27 @@ Or just copy [`feather.js`](https://unpkg.com/feather-icons/dist/feather.js) or
|
|||||||
|
|
||||||
#### 2. Include
|
#### 2. Include
|
||||||
|
|
||||||
Include `feather.js` or `feather.min.js` with a `<script>` tag. These files are located in the `dist` directory of the npm package.
|
Include `feather.js` or `feather.min.js` with a `<script>` tag:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="path/to/dist/feather.js"></script>
|
<script src="path/to/dist/feather.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
Or load the script from a CDN provider.
|
> **Note:** `feather.js` and `feather.min.js` are located in the `dist` directory of the npm package.
|
||||||
|
|
||||||
|
Or load the script from a CDN provider:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!-- choose one -->
|
<!-- choose one -->
|
||||||
|
<script src="https://unpkg.com/feather-icons"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
||||||
<script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
|
|
||||||
```
|
```
|
||||||
|
|
||||||
After including the script, `feather` will be available as a global variable.
|
After including the script, `feather` will be available as a global variable.
|
||||||
|
|
||||||
#### 3. Use
|
#### 3. Use
|
||||||
|
|
||||||
To use an icon on your page, add a `data-feather` attribute with the icon name to an element.
|
To use an icon on your page, add a `data-feather` attribute with the icon name to an element:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<i data-feather="circle"></i>
|
<i data-feather="circle"></i>
|
||||||
@ -113,7 +115,7 @@ See the complete list of icons at [feathericons.com](https://feathericons.com).
|
|||||||
|
|
||||||
#### 4. Replace
|
#### 4. Replace
|
||||||
|
|
||||||
Call the `feather.replace()` method.
|
Call the `feather.replace()` method:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script>
|
<script>
|
||||||
@ -126,15 +128,15 @@ All elements that have a `data-feather` attribute will be replaced with SVG mark
|
|||||||
### Node
|
### Node
|
||||||
#### 1. Install
|
#### 1. Install
|
||||||
|
|
||||||
Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
|
Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm):
|
||||||
|
|
||||||
```
|
```shell
|
||||||
npm install feather-icons --save
|
npm install feather-icons --save
|
||||||
```
|
```
|
||||||
|
|
||||||
#### 2. Require
|
#### 2. Require
|
||||||
|
|
||||||
```javascript
|
```js
|
||||||
const feather = require('feather-icons')
|
const feather = require('feather-icons')
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -157,7 +159,8 @@ feather.icons.x
|
|||||||
// 'stroke-width': 2,
|
// 'stroke-width': 2,
|
||||||
// 'stroke-linecap': 'round',
|
// 'stroke-linecap': 'round',
|
||||||
// 'stroke-linejoin': 'round',
|
// 'stroke-linejoin': 'round',
|
||||||
// }
|
// },
|
||||||
|
// toSvg: [Function],
|
||||||
// }
|
// }
|
||||||
|
|
||||||
feather.icons.x.toSvg()
|
feather.icons.x.toSvg()
|
||||||
@ -177,7 +180,7 @@ See the [API Reference](#api-reference) for more information about the available
|
|||||||
|
|
||||||
Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
|
Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
|
||||||
|
|
||||||
```
|
```shell
|
||||||
npm install feather-icons --save
|
npm install feather-icons --save
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -185,7 +188,7 @@ Or just copy [`feather-sprite.svg`](https://unpkg.com/feather-icons/dist/feather
|
|||||||
|
|
||||||
#### 2. Use
|
#### 2. Use
|
||||||
|
|
||||||
In your HTML, you can include an icon like so:
|
Include an icon on your page with the following markup:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<svg
|
<svg
|
||||||
@ -203,7 +206,7 @@ In your HTML, you can include an icon like so:
|
|||||||
|
|
||||||
> **Note:** `circle` in the above example can be replaced with any valid icon name. See the complete list of icon names at [feathericons.com](https://feathericons.com).
|
> **Note:** `circle` in the above example can be replaced with any valid icon name. See the complete list of icon names at [feathericons.com](https://feathericons.com).
|
||||||
|
|
||||||
However, this markup can be simplified using a simple CSS class to avoid repetition of SVG attributes between icons.
|
However, this markup can be simplified using a simple CSS class to avoid repetition of SVG attributes between icons:
|
||||||
|
|
||||||
```css
|
```css
|
||||||
.feather {
|
.feather {
|
||||||
@ -248,7 +251,8 @@ feather.icons.x
|
|||||||
// 'stroke-width': 2,
|
// 'stroke-width': 2,
|
||||||
// 'stroke-linecap': 'round',
|
// 'stroke-linecap': 'round',
|
||||||
// 'stroke-linejoin': 'round',
|
// 'stroke-linejoin': 'round',
|
||||||
// }
|
// },
|
||||||
|
// toSvg: [Function],
|
||||||
// }
|
// }
|
||||||
|
|
||||||
feather.icons.x.toString()
|
feather.icons.x.toString()
|
||||||
@ -271,9 +275,17 @@ Returns an SVG string.
|
|||||||
| --------- | ------ | ----------- |
|
| --------- | ------ | ----------- |
|
||||||
| `attrs` (optional) | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `<svg>` tag (e.g. `{ foo: 'bar' }` maps to `foo="bar"`). All default attributes on the `<svg>` tag can be overridden with the `attrs` object. |
|
| `attrs` (optional) | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `<svg>` tag (e.g. `{ foo: 'bar' }` maps to `foo="bar"`). All default attributes on the `<svg>` tag can be overridden with the `attrs` object. |
|
||||||
|
|
||||||
|
> **Hint:** You might find these SVG attributes helpful for manipulating icons:
|
||||||
|
> * [`color`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color)
|
||||||
|
> * [`width`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
|
||||||
|
> * [`height`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
|
||||||
|
> * [`stroke-width`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width)
|
||||||
|
> * [`stroke-linecap`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap)
|
||||||
|
> * [`stroke-linejoin`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin)
|
||||||
|
|
||||||
#### Usage
|
#### Usage
|
||||||
|
|
||||||
```javascript
|
```js
|
||||||
feather.icons.circle.toSvg()
|
feather.icons.circle.toSvg()
|
||||||
// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
|
// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
|
||||||
|
|
||||||
@ -361,7 +373,7 @@ Returns an SVG string.
|
|||||||
|
|
||||||
#### Usage
|
#### Usage
|
||||||
|
|
||||||
```javascript
|
```js
|
||||||
feather.toSvg('circle')
|
feather.toSvg('circle')
|
||||||
// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
|
// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
|
||||||
|
|
||||||
@ -395,6 +407,7 @@ Caught a mistake or want to contribute to the documentation? [Edit this page on
|
|||||||
- [react-feather](https://github.com/carmelopullara/react-feather) - Feather icons as React components
|
- [react-feather](https://github.com/carmelopullara/react-feather) - Feather icons as React components
|
||||||
- [sketch-feather](https://github.com/odmln/sketch-feather) - Feather icons as a Sketch library
|
- [sketch-feather](https://github.com/odmln/sketch-feather) - Feather icons as a Sketch library
|
||||||
- [vue-feather-icon](https://github.com/mage3k/vue-feather-icon) - Feather icons as Vue components
|
- [vue-feather-icon](https://github.com/mage3k/vue-feather-icon) - Feather icons as Vue components
|
||||||
|
- [php-feather](https://github.com/Pixelrobin/php-feather) - Feather icons as a PHP Library
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
|
16
bin/build.sh
@ -1,25 +1,25 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
|
|
||||||
# Process SVG files
|
# Process SVG files
|
||||||
./node_modules/.bin/babel-node bin/process-svgs.js
|
npx babel-node bin/process-svgs.js
|
||||||
|
|
||||||
# Create dist directory
|
# Create dist directory
|
||||||
./node_modules/.bin/rimraf dist
|
npx rimraf dist
|
||||||
mkdir dist
|
mkdir dist
|
||||||
|
|
||||||
# Build icons.json
|
# Build icons.json
|
||||||
./node_modules/.bin/babel-node bin/build-icons-json.js
|
npx babel-node bin/build-icons-json.js
|
||||||
|
|
||||||
# Build SVG sprite
|
# Build SVG sprite
|
||||||
./node_modules/.bin/babel-node bin/build-sprite.js
|
npx babel-node bin/build-sprite.js
|
||||||
|
|
||||||
# Create dist/icons directory
|
# Create dist/icons directory
|
||||||
./node_modules/.bin/rimraf dist/icons
|
npx rimraf dist/icons
|
||||||
mkdir dist/icons
|
mkdir dist/icons
|
||||||
|
|
||||||
# Build SVG icons
|
# Build SVG icons
|
||||||
./node_modules/.bin/babel-node bin/build-svgs.js
|
npx babel-node bin/build-svgs.js
|
||||||
|
|
||||||
# Build JavaScript library
|
# Build JavaScript library
|
||||||
./node_modules/.bin/webpack --output-filename feather.js --mode development
|
npx webpack --output-filename feather.js --mode development
|
||||||
./node_modules/.bin/webpack --output-filename feather.min.js --mode production
|
npx webpack --output-filename feather.min.js --mode production
|
||||||
|
@ -8,29 +8,66 @@ if (
|
|||||||
process.env.TRAVIS_PULL_REQUEST === 'false' &&
|
process.env.TRAVIS_PULL_REQUEST === 'false' &&
|
||||||
process.env.TRAVIS_BRANCH === 'master'
|
process.env.TRAVIS_BRANCH === 'master'
|
||||||
) {
|
) {
|
||||||
console.log('Syncing Algolia records...');
|
|
||||||
syncAlgolia();
|
syncAlgolia();
|
||||||
} else {
|
} else {
|
||||||
console.log('Skipped Algolia sync.');
|
console.log('Skipped Algolia sync.');
|
||||||
}
|
}
|
||||||
|
|
||||||
function syncAlgolia() {
|
function syncAlgolia() {
|
||||||
|
// ALGOLIA_ADMIN_KEY must be added as an environment variable in Travis CI
|
||||||
const client = algolia(ALGOLIA_APP_ID, process.env.ALGOLIA_ADMIN_KEY);
|
const client = algolia(ALGOLIA_APP_ID, process.env.ALGOLIA_ADMIN_KEY);
|
||||||
|
|
||||||
|
console.log('Initializing target and temporary indexes...');
|
||||||
const index = client.initIndex('icons');
|
const index = client.initIndex('icons');
|
||||||
|
const indexTmp = client.initIndex('icons_tmp');
|
||||||
|
|
||||||
const records = Object.keys(icons).map(name => ({
|
console.log(
|
||||||
name,
|
"Copying target index's settings, synonyms and rules into temporary index...",
|
||||||
tags: tags[name] || [],
|
);
|
||||||
}));
|
scopedCopyIndex(client, index.indexName, indexTmp.indexName)
|
||||||
|
.then(() => {
|
||||||
|
const objects = Object.keys(icons).map(name => ({
|
||||||
|
name,
|
||||||
|
tags: tags[name] || [],
|
||||||
|
}));
|
||||||
|
|
||||||
index.clearIndex((err, content) => {
|
console.log('Adding objects to the temporary index...');
|
||||||
if (err) throw err;
|
return addObjects(indexTmp, objects);
|
||||||
console.log(content);
|
})
|
||||||
|
.then(() => {
|
||||||
|
console.log('Moving temporary index to target index...');
|
||||||
|
return moveIndex(client, indexTmp.indexName, index.indexName);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
index.addObjects(records, (err, content) => {
|
function scopedCopyIndex(
|
||||||
if (err) throw err;
|
client,
|
||||||
console.log(content);
|
indexNameSrc,
|
||||||
|
indexNameDest,
|
||||||
|
scope = ['settings', 'synonyms', 'rules'],
|
||||||
|
) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
client.copyIndex(indexNameSrc, indexNameDest, scope, (error, contents) => {
|
||||||
|
if (error) reject(error);
|
||||||
|
resolve(contents);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addObjects(index, objects) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
index.addObjects(objects, (error, contents) => {
|
||||||
|
if (error) reject(error);
|
||||||
|
resolve(contents);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function moveIndex(client, indexNameSrc, indexNameDest) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
client.moveIndex(indexNameSrc, indexNameDest, (error, contents) => {
|
||||||
|
if (error) reject(error);
|
||||||
|
resolve(contents);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -3,20 +3,13 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Feather</title>
|
<title>Feather</title>
|
||||||
<!--
|
|
||||||
To build feather.min.js run
|
|
||||||
$ npm run build
|
|
||||||
in the root directory, or use the already built package available on unpkg.com.
|
|
||||||
-->
|
|
||||||
<script src="../dist/feather.min.js"></script>
|
|
||||||
<!-- <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script> -->
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<i data-feather="eye"></i>
|
<i data-feather="eye"></i>
|
||||||
<i data-feather="heart"></i>
|
<i data-feather="heart"></i>
|
||||||
<i data-feather="feather"></i>
|
<i data-feather="feather"></i>
|
||||||
|
|
||||||
|
<script src="https://unpkg.com/feather-icons"></script>
|
||||||
<script>
|
<script>
|
||||||
feather.replace()
|
feather.replace()
|
||||||
</script>
|
</script>
|
||||||
|
17
icons/coffee.svg
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path d="M18 8h1a4 4 0 0 1 0 8h-1" />
|
||||||
|
<path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z" />
|
||||||
|
<line x1="6" y1="1" x2="6" y2="4" />
|
||||||
|
<line x1="10" y1="1" x2="10" y2="4" />
|
||||||
|
<line x1="14" y1="1" x2="14" y2="4" />
|
||||||
|
</svg>
|
After Width: | Height: | Size: 427 B |
@ -11,5 +11,5 @@
|
|||||||
>
|
>
|
||||||
<path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z" />
|
<path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z" />
|
||||||
<line x1="16" y1="8" x2="2" y2="22" />
|
<line x1="16" y1="8" x2="2" y2="22" />
|
||||||
<line x1="17" y1="15" x2="9" y2="15" />
|
<line x1="17.5" y1="15" x2="9" y2="15" />
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 354 B After Width: | Height: | Size: 356 B |
16
icons/frown.svg
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<circle cx="12" cy="12" r="10" />
|
||||||
|
<path d="M16 16s-1.5-2-4-2-4 2-4 2" />
|
||||||
|
<line x1="9" y1="9" x2="9.01" y2="9" />
|
||||||
|
<line x1="15" y1="9" x2="15.01" y2="9" />
|
||||||
|
</svg>
|
After Width: | Height: | Size: 371 B |
16
icons/meh.svg
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<circle cx="12" cy="12" r="10" />
|
||||||
|
<line x1="8" y1="15" x2="16" y2="15" />
|
||||||
|
<line x1="9" y1="9" x2="9.01" y2="9" />
|
||||||
|
<line x1="15" y1="9" x2="15.01" y2="9" />
|
||||||
|
</svg>
|
After Width: | Height: | Size: 372 B |
16
icons/smile.svg
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<circle cx="12" cy="12" r="10" />
|
||||||
|
<path d="M8 14s1.5 2 4 2 4-2 4-2" />
|
||||||
|
<line x1="9" y1="9" x2="9.01" y2="9" />
|
||||||
|
<line x1="15" y1="9" x2="15.01" y2="9" />
|
||||||
|
</svg>
|
After Width: | Height: | Size: 369 B |
15
icons/trello.svg
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
|
||||||
|
<rect x="7" y="7" width="3" height="9" />
|
||||||
|
<rect x="14" y="7" width="3" height="5" />
|
||||||
|
</svg>
|
After Width: | Height: | Size: 357 B |
4526
package-lock.json
generated
@ -3,6 +3,7 @@
|
|||||||
"version": "0.0.0-development",
|
"version": "0.0.0-development",
|
||||||
"description": "Simply beautiful open source icons",
|
"description": "Simply beautiful open source icons",
|
||||||
"main": "dist/feather.js",
|
"main": "dist/feather.js",
|
||||||
|
"unpkg": "dist/feather.min.js",
|
||||||
"files": [
|
"files": [
|
||||||
"dist"
|
"dist"
|
||||||
],
|
],
|
||||||
@ -41,18 +42,17 @@
|
|||||||
"cheerio": "^1.0.0-rc.2",
|
"cheerio": "^1.0.0-rc.2",
|
||||||
"commitizen": "^2.9.6",
|
"commitizen": "^2.9.6",
|
||||||
"cz-conventional-changelog": "^2.1.0",
|
"cz-conventional-changelog": "^2.1.0",
|
||||||
"eslint": "^4.15.0",
|
"eslint": "^4.19.1",
|
||||||
"eslint-config-airbnb-base": "^12.1.0",
|
"eslint-config-airbnb-base": "^12.1.0",
|
||||||
"eslint-config-prettier": "^2.9.0",
|
"eslint-config-prettier": "^2.9.0",
|
||||||
"eslint-plugin-import": "^2.5.0",
|
"eslint-plugin-import": "^2.5.0",
|
||||||
"eslint-plugin-prettier": "^2.5.0",
|
"eslint-plugin-prettier": "^2.5.0",
|
||||||
"html-minifier": "^3.5.8",
|
"html-minifier": "^3.5.8",
|
||||||
"husky": "^0.14.3",
|
"husky": "^0.14.3",
|
||||||
"jest": "^21.2.1",
|
"jest": "^22.4.4",
|
||||||
"lint-staged": "^6.0.0",
|
"lint-staged": "^6.0.0",
|
||||||
"npm-run-all": "^4.1.2",
|
"npm-run-all": "^4.1.2",
|
||||||
"prettier": "^1.8.2",
|
"prettier": "^1.8.2",
|
||||||
"rimraf": "^2.6.2",
|
|
||||||
"semantic-release": "^12.2.2",
|
"semantic-release": "^12.2.2",
|
||||||
"svgo": "^0.7.2",
|
"svgo": "^0.7.2",
|
||||||
"webpack": "^4.8.3",
|
"webpack": "^4.8.3",
|
||||||
|
@ -22,6 +22,7 @@
|
|||||||
"cloud-snow": ["weather", "blizzard"],
|
"cloud-snow": ["weather", "blizzard"],
|
||||||
"cloud": ["weather"],
|
"cloud": ["weather"],
|
||||||
"codepen": ["logo"],
|
"codepen": ["logo"],
|
||||||
|
"coffee": ["drink", "cup", "mug", "tea", "cafe", "hot", "beverage"],
|
||||||
"command": ["keyboard", "cmd"],
|
"command": ["keyboard", "cmd"],
|
||||||
"compass": ["navigation", "safari", "travel"],
|
"compass": ["navigation", "safari", "travel"],
|
||||||
"copy": ["clone", "duplicate"],
|
"copy": ["clone", "duplicate"],
|
||||||
@ -53,6 +54,7 @@
|
|||||||
"folder-minus": ["directory"],
|
"folder-minus": ["directory"],
|
||||||
"folder-plus": ["directory"],
|
"folder-plus": ["directory"],
|
||||||
"folder": ["directory"],
|
"folder": ["directory"],
|
||||||
|
"frown": ["emoji", "face", "bad", "sad", "emotion"],
|
||||||
"gift": ["present", "box", "birthday", "party"],
|
"gift": ["present", "box", "birthday", "party"],
|
||||||
"git-branch": ["code", "version control"],
|
"git-branch": ["code", "version control"],
|
||||||
"git-commit": ["code", "version control"],
|
"git-commit": ["code", "version control"],
|
||||||
@ -80,6 +82,7 @@
|
|||||||
"map": ["location", "navigation", "travel"],
|
"map": ["location", "navigation", "travel"],
|
||||||
"maximize": ["fullscreen"],
|
"maximize": ["fullscreen"],
|
||||||
"maximize-2": ["fullscreen", "arrows"],
|
"maximize-2": ["fullscreen", "arrows"],
|
||||||
|
"meh": ["emoji", "face", "neutral", "emotion"],
|
||||||
"menu": ["bars", "navigation", "hamburger"],
|
"menu": ["bars", "navigation", "hamburger"],
|
||||||
"message-circle": ["comment", "chat"],
|
"message-circle": ["comment", "chat"],
|
||||||
"message-square": ["comment", "chat"],
|
"message-square": ["comment", "chat"],
|
||||||
@ -121,6 +124,7 @@
|
|||||||
"skip-forward": ["music"],
|
"skip-forward": ["music"],
|
||||||
"slash": ["ban", "no"],
|
"slash": ["ban", "no"],
|
||||||
"sliders": ["settings", "controls"],
|
"sliders": ["settings", "controls"],
|
||||||
|
"smile": ["emoji", "face", "happy", "good", "emotion"],
|
||||||
"speaker": ["music"],
|
"speaker": ["music"],
|
||||||
"star": ["bookmark", "favorite", "like"],
|
"star": ["bookmark", "favorite", "like"],
|
||||||
"sun": ["brightness", "weather", "light"],
|
"sun": ["brightness", "weather", "light"],
|
||||||
|
@ -6,6 +6,9 @@ module.exports = {
|
|||||||
path: path.resolve(__dirname, 'dist'),
|
path: path.resolve(__dirname, 'dist'),
|
||||||
libraryTarget: 'umd',
|
libraryTarget: 'umd',
|
||||||
library: 'feather',
|
library: 'feather',
|
||||||
|
// Prevents webpack from referencing `window` in the UMD build
|
||||||
|
// Source: https://git.io/vppgU
|
||||||
|
globalObject: "typeof self !== 'undefined' ? self : this",
|
||||||
},
|
},
|
||||||
devtool: 'source-map',
|
devtool: 'source-map',
|
||||||
module: {
|
module: {
|
||||||
|