fix: Updated to latest v2.1.3

README.md

@@ -12,6 +12,7 @@ Or using `yarn`
 yarn add @iconscout/react-unicons
 ```
 
+## Usage
 ### Use individual icons
 ```js
 import React from 'react';
@@ -42,8 +43,10 @@ export default App;
 ````
 
 ### More ways
-- [Icon Font](https://github.com/Iconscout/unicons)
+- [React-native-unicons](https://github.com/Iconscout/react-native-unicons)
 - [Vue-unicons](https://github.com/antonreshetov/vue-unicons) by [Anton Reshetov](https://github.com/antonreshetov)
+- [Vector SVGs](https://iconscout.com/unicons)
+- [Icon Font](https://github.com/Iconscout/unicons)
 
 ## Contributing
 We will be happy to have community support for Unicons. Feel free to fork and create pull requests. We have given a small roadmap above so that you can help us build these features.

build/generate.js

@@ -5,7 +5,7 @@ const upperCamelCase = require('uppercamelcase')
 
 const iconsComponentPath = path.join(process.cwd(), 'icons')
 const iconsIndexPath = path.join(process.cwd(), 'index.js')
-const uniconsConfig = require('@iconscout/unicons/icons.json')
+const uniconsConfig = require('@iconscout/unicons/json/line.json')
 
 // Clear Directories
 fs.removeSync(iconsComponentPath)

icons/uil-angle-left-b.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const UilAngleLeftB = (props) => {
+  const { color, size, ...otherProps } = props
+  return React.createElement('svg', {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: color,
+    ...otherProps
+  }, React.createElement('path', {
+    d: 'M8.5,12.8l5.7,5.6c0.4,0.4,1,0.4,1.4,0c0,0,0,0,0,0c0.4-0.4,0.4-1,0-1.4l-4.9-5l4.9-5c0.4-0.4,0.4-1,0-1.4c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3l-5.7,5.6C8.1,11.7,8.1,12.3,8.5,12.8C8.5,12.7,8.5,12.7,8.5,12.8z'
+  }));
+};
+
+UilAngleLeftB.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+UilAngleLeftB.defaultProps = {
+  color: 'currentColor',
+  size: '24',
+};
+
+export default UilAngleLeftB;

icons/uil-code.js → icons/uil-arrow.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UilCode = (props) => {
+const UilArrow = (props) => {
   const { color, size, ...otherProps } = props
   return React.createElement('svg', {
     xmlns: 'http://www.w3.org/2000/svg',
@@ -15,14 +15,14 @@ const UilCode = (props) => {
   }));
 };
 
-UilCode.propTypes = {
+UilArrow.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-UilCode.defaultProps = {
+UilArrow.defaultProps = {
   color: 'currentColor',
   size: '24',
 };
 
-export default UilCode;
+export default UilArrow;

icons/uil-medical.js → icons/uil-band-aid.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UilMedical = (props) => {
+const UilBandAid = (props) => {
   const { color, size, ...otherProps } = props
   return React.createElement('svg', {
     xmlns: 'http://www.w3.org/2000/svg',
@@ -15,14 +15,14 @@ const UilMedical = (props) => {
   }));
 };
 
-UilMedical.propTypes = {
+UilBandAid.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-UilMedical.defaultProps = {
+UilBandAid.defaultProps = {
   color: 'currentColor',
   size: '24',
 };
 
-export default UilMedical;
+export default UilBandAid;

icons/uil-bitcoin-bold.js → icons/uil-bitcoin-sign.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UilBitcoinBold = (props) => {
+const UilBitcoinSign = (props) => {
   const { color, size, ...otherProps } = props
   return React.createElement('svg', {
     xmlns: 'http://www.w3.org/2000/svg',
@@ -15,14 +15,14 @@ const UilBitcoinBold = (props) => {
   }));
 };
 
-UilBitcoinBold.propTypes = {
+UilBitcoinSign.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-UilBitcoinBold.defaultProps = {
+UilBitcoinSign.defaultProps = {
   color: 'currentColor',
   size: '24',
 };
 
-export default UilBitcoinBold;
+export default UilBitcoinSign;

icons/uil-brackets-curly.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const UilBracketsCurly = (props) => {
+  const { color, size, ...otherProps } = props
+  return React.createElement('svg', {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: color,
+    ...otherProps
+  }, React.createElement('path', {
+    d: 'M6,6A2,2,0,0,1,8,4,1,1,0,0,0,8,2,4,4,0,0,0,4,6V9a2,2,0,0,1-2,2,1,1,0,0,0,0,2,2,2,0,0,1,2,2v3a4,4,0,0,0,4,4,1,1,0,0,0,0-2,2,2,0,0,1-2-2V15a4,4,0,0,0-1.38-3A4,4,0,0,0,6,9Zm16,5a2,2,0,0,1-2-2V6a4,4,0,0,0-4-4,1,1,0,0,0,0,2,2,2,0,0,1,2,2V9a4,4,0,0,0,1.38,3A4,4,0,0,0,18,15v3a2,2,0,0,1-2,2,1,1,0,0,0,0,2,4,4,0,0,0,4-4V15a2,2,0,0,1,2-2,1,1,0,0,0,0-2Z'
+  }));
+};
+
+UilBracketsCurly.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+UilBracketsCurly.defaultProps = {
+  color: 'currentColor',
+  size: '24',
+};
+
+export default UilBracketsCurly;

icons/uil-science.js → icons/uil-brain.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UilScience = (props) => {
+const UilBrain = (props) => {
   const { color, size, ...otherProps } = props
   return React.createElement('svg', {
     xmlns: 'http://www.w3.org/2000/svg',
@@ -15,14 +15,14 @@ const UilScience = (props) => {
   }));
 };
 
-UilScience.propTypes = {
+UilBrain.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-UilScience.defaultProps = {
+UilBrain.defaultProps = {
   color: 'currentColor',
   size: '24',
 };
 
-export default UilScience;
+export default UilBrain;

icons/uil-window-restore.js → icons/uil-browser.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UilWindowRestore = (props) => {
+const UilBrowser = (props) => {
   const { color, size, ...otherProps } = props
   return React.createElement('svg', {
     xmlns: 'http://www.w3.org/2000/svg',
@@ -15,14 +15,14 @@ const UilWindowRestore = (props) => {
   }));
 };
 
-UilWindowRestore.propTypes = {
+UilBrowser.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-UilWindowRestore.defaultProps = {
+UilBrowser.defaultProps = {
   color: 'currentColor',
   size: '24',
 };
 
-export default UilWindowRestore;
+export default UilBrowser;

icons/uil-channel-add.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const UilChannelAdd = (props) => {
+  const { color, size, ...otherProps } = props
+  return React.createElement('svg', {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: color,
+    ...otherProps
+  }, React.createElement('path', {
+    d: 'M18,7h1V8a1,1,0,0,0,2,0V7h1a1,1,0,0,0,0-2H21V4a1,1,0,0,0-2,0V5H18a1,1,0,0,0,0,2Zm2,9a3,3,0,0,0-1.73.56l-2.45-1.45A3.74,3.74,0,0,0,16,14a4,4,0,0,0-3-3.86V7.82a3,3,0,1,0-2,0v2.32A4,4,0,0,0,8,14a3.74,3.74,0,0,0,.18,1.11L5.73,16.56A3,3,0,0,0,4,16a3,3,0,1,0,3,3,3,3,0,0,0-.12-.8l2.3-1.37a4,4,0,0,0,5.64,0l2.3,1.37A3,3,0,1,0,20,16ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm0,12a2,2,0,1,1,2-2A2,2,0,0,1,12,16Zm8,4a1,1,0,1,1,1-1A1,1,0,0,1,20,20Z'
+  }));
+};
+
+UilChannelAdd.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+UilChannelAdd.defaultProps = {
+  color: 'currentColor',
+  size: '24',
+};
+
+export default UilChannelAdd;

icons/uil-channel.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const UilChannel = (props) => {
+  const { color, size, ...otherProps } = props
+  return React.createElement('svg', {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: color,
+    ...otherProps
+  }, React.createElement('path', {
+    d: 'M20,16a3,3,0,0,0-1.73.56l-2.45-1.45A3.74,3.74,0,0,0,16,14a4,4,0,0,0-3-3.86V7.82a3,3,0,1,0-2,0v2.32A4,4,0,0,0,8,14a3.74,3.74,0,0,0,.18,1.11L5.73,16.56A3,3,0,0,0,4,16a3,3,0,1,0,3,3,3,3,0,0,0-.12-.8l2.3-1.37a4,4,0,0,0,5.64,0l2.3,1.37A3,3,0,1,0,20,16ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20ZM12,4a1,1,0,1,1-1,1A1,1,0,0,1,12,4Zm0,12a2,2,0,1,1,2-2A2,2,0,0,1,12,16Zm8,4a1,1,0,1,1,1-1A1,1,0,0,1,20,20Z'
+  }));
+};
+
+UilChannel.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+UilChannel.defaultProps = {
+  color: 'currentColor',
+  size: '24',
+};
+
+export default UilChannel;

icons/uil-creative-commons-pd-alt.js → icons/uil-closed-captioning-slash.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UilCreativeCommonsPdAlt = (props) => {
+const UilClosedCaptioningSlash = (props) => {
   const { color, size, ...otherProps } = props
   return React.createElement('svg', {
     xmlns: 'http://www.w3.org/2000/svg',
@@ -15,14 +15,14 @@ const UilCreativeCommonsPdAlt = (props) => {
   }));
 };
 
-UilCreativeCommonsPdAlt.propTypes = {
+UilClosedCaptioningSlash.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-UilCreativeCommonsPdAlt.defaultProps = {
+UilClosedCaptioningSlash.defaultProps = {
   color: 'currentColor',
   size: '24',
 };
 
-export default UilCreativeCommonsPdAlt;
+export default UilClosedCaptioningSlash;

icons/uil-code-branch.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const UilCodeBranch = (props) => {
+  const { color, size, ...otherProps } = props
+  return React.createElement('svg', {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: color,
+    ...otherProps
+  }, React.createElement('path', {
+    d: 'M17,6.06a3,3,0,0,0-1.15,5.77A2,2,0,0,1,14,13.06H10a3.91,3.91,0,0,0-2,.56V7.88a3,3,0,1,0-2,0v8.36a3,3,0,1,0,2.16.05A2,2,0,0,1,10,15.06h4a4,4,0,0,0,3.91-3.16A3,3,0,0,0,17,6.06Zm-10-2a1,1,0,1,1-1,1A1,1,0,0,1,7,4.06Zm0,16a1,1,0,1,1,1-1A1,1,0,0,1,7,20.06Zm10-10a1,1,0,1,1,1-1A1,1,0,0,1,17,10.06Z'
+  }));
+};
+
+UilCodeBranch.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+UilCodeBranch.defaultProps = {
+  color: 'currentColor',
+  size: '24',
+};
+
+export default UilCodeBranch;

icons/uil-comment-add.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const UilCommentAdd = (props) => {
+  const { color, size, ...otherProps } = props
+  return React.createElement('svg', {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 24 24',
+    fill: color,
+    ...otherProps
+  }, React.createElement('path', {
+    d: 'M5,8A1,1,0,0,0,7,8V7H8A1,1,0,0,0,8,5H7V4A1,1,0,0,0,5,4V5H4A1,1,0,0,0,4,7H5ZM18,5H12a1,1,0,0,0,0,2h6a1,1,0,0,1,1,1v9.72l-1.57-1.45a1,1,0,0,0-.68-.27H8a1,1,0,0,1-1-1V12a1,1,0,0,0-2,0v3a3,3,0,0,0,3,3h8.36l3,2.73A1,1,0,0,0,20,21a1.1,1.1,0,0,0,.4-.08A1,1,0,0,0,21,20V8A3,3,0,0,0,18,5Z'
+  }));
+};
+
+UilCommentAdd.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+UilCommentAdd.defaultProps = {
+  color: 'currentColor',
+  size: '24',
+};
+
+export default UilCommentAdd;