Merge branches 'dev-icons-react' and 'master' of https://github.com/tabler/tabler-icons

.build/svgr-template.js

@@ -0,0 +1,12 @@
+function template(
+	{ template },
+	opts,
+	{ imports, componentName, props, jsx, exports },
+) {
+	return template.ast`
+    ${imports}
+    const ${componentName} = (size = 24, color = "currentColor", stroke = 2, ...props) => ${jsx}
+    ${exports}
+  `
+}
+module.exports = template;

gulpfile.js

@@ -11,7 +11,8 @@ const gulp = require('gulp'),
 	template = require('lodash.template'),
 	sass = require('node-sass'),
 	cleanCSS = require('clean-css'),
-	argv = require('minimist')(process.argv.slice(2));
+	argv = require('minimist')(process.argv.slice(2)),
+	svgr = require('@svgr/core').default;
 
 async function asyncForEach(array, callback) {
 	for (let index = 0; index < array.length; index++) {
@@ -194,7 +195,7 @@ gulp.task('iconfont-svg-outline', function (cb) {
 
 		let iconfontUnicode = {};
 
-		if(fs.existsSync('./iconfont-unicode.json')) {
+		if (fs.existsSync('./iconfont-unicode.json')) {
 			iconfontUnicode = require('./iconfont-unicode');
 		}
 
@@ -218,7 +219,7 @@ gulp.task('iconfont-svg-outline', function (cb) {
 				fixedWidth: true,
 				color: 'black'
 			}).then(outlined => {
-				if(unicode) {
+				if (unicode) {
 					fs.writeFileSync(`icons-outlined/u${unicode.toUpperCase()}-${name}.svg`, outlined);
 				} else {
 					fs.writeFileSync(`icons-outlined/${name}.svg`, outlined);
@@ -233,10 +234,10 @@ gulp.task('iconfont-svg-outline', function (cb) {
 gulp.task('iconfont', function () {
 	let maxUnicode = 59905;
 
-	if(fs.existsSync('./iconfont-unicode.json')) {
+	if (fs.existsSync('./iconfont-unicode.json')) {
 		const iconfontUnicode = require('./iconfont-unicode');
 
-		for(const name in iconfontUnicode) {
+		for (const name in iconfontUnicode) {
 			const unicode = parseInt(iconfontUnicode[name], 16);
 
 			maxUnicode = Math.max(maxUnicode, unicode);
@@ -258,7 +259,7 @@ gulp.task('iconfont', function () {
 			let glyphsObject = {};
 
 			//sort glypht
-			glyphs = glyphs.sort(function(a, b){
+			glyphs = glyphs.sort(function (a, b) {
 				return ('' + a.name).localeCompare(b.name)
 			});
 
@@ -399,7 +400,7 @@ gulp.task('icons-stroke', gulp.series('build-jekyll', function (cb) {
 }));
 
 gulp.task('optimize', function (cb) {
-	const addFloats = function(n1, n2) {
+	const addFloats = function (n1, n2) {
 		return Math.round((parseFloat(n1) + parseFloat(n2)) * 1000) / 1000
 	};
 
@@ -418,20 +419,20 @@ gulp.task('optimize', function (cb) {
 				.replace(/([Aa])\s?([0-9.]+)\s([0-9.]+)\s([0-9.]+)\s?([0-1])\s?([0-1])\s?(-?[0-9.]+)\s?(-?[0-9.]+)/gi, '$1$2 $3 $4 $5 $6 $7 $8')
 				.replace(/\n\n+/g, "\n")
 
-				.replace(/<path d="M([0-9.]*) ([0-9.]*)l\s?([-0-9.]*) ([-0-9.]*)"/g, function(f, r1, r2, r3, r4){
+				.replace(/<path d="M([0-9.]*) ([0-9.]*)l\s?([-0-9.]*) ([-0-9.]*)"/g, function (f, r1, r2, r3, r4) {
 					return `<line x1="${r1}" y1="${r2}" x2="${addFloats(r1, r3)}" y2="${addFloats(r2, r4)}"`;
 				})
-				.replace(/<path d="M([0-9.]*) ([0-9.]*)v\s?([0-9.]*)"/g, function(f, r1, r2, r3){
+				.replace(/<path d="M([0-9.]*) ([0-9.]*)v\s?([0-9.]*)"/g, function (f, r1, r2, r3) {
 					return `<line x1="${r1}" y1="${r2}" x2="${r1}" y2="${addFloats(r2, r3)}"`;
 				})
-				.replace(/<path d="M([0-9.]*) ([0-9.]*)h\s?([0-9.]*)"/g, function(f, r1, r2, r3){
+				.replace(/<path d="M([0-9.]*) ([0-9.]*)h\s?([0-9.]*)"/g, function (f, r1, r2, r3) {
 					return `<line x1="${r1}" y1="${r2}" x2="${addFloats(r1, r3)}" y2="${r2}"`;
 				});
 
 			//  
 			//
 
-			if(svgFile.toString() !== svgFileContent) {
+			if (svgFile.toString() !== svgFileContent) {
 				fs.writeFileSync(file, svgFileContent);
 			}
 		});
@@ -526,7 +527,6 @@ gulp.task('changelog-image', function (cb) {
 	}
 });
 
-
 gulp.task('svg-to-png', gulp.series('build-jekyll', 'clean-png', async (cb) => {
 	let files = glob.sync("./icons/*.svg");
 
@@ -541,4 +541,57 @@ gulp.task('svg-to-png', gulp.series('build-jekyll', 'clean-png', async (cb) => {
 	cb();
 }));
 
-gulp.task('build', gulp.series('optimize', 'build-jekyll', 'build-copy', 'icons-sprite', 'icons-preview', 'svg-to-png', 'build-iconfont', 'changelog-image', 'build-zip'));
+gulp.task('clean-react', function (cb) {
+	cp.exec('rm -fd ./icons-react/* && mkdir icons-react/icons-js', function () {
+		cb();
+	});
+});
+
+gulp.task('svg-to-react', gulp.series('clean-react', async function (cb) {
+	let files = glob.sync("./icons/*.svg");
+
+	const camelize = function (str) {
+		str = str.replace(/-/g, ' ');
+
+		return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
+			return word.toUpperCase();
+		}).replace(/\s+/g, '');
+	};
+
+	const componentName = function (file) {
+		file = path.basename(file, '.svg');
+		file = camelize(`Icon ${file}`);
+
+		return file;
+	};
+
+	const optimizeSvgCode = function(svgCode) {
+		return svgCode.replace('<path stroke="none" d="M0 0h24v24H0z"/>', '');
+	};
+
+	let indexCode = '',
+		indexDCode = `import { FC, SVGAttributes } from 'react';\n\ninterface TablerIconProps extends SVGAttributes<SVGElement> { color?: string; size?: string | number; stroke?: string | number; }\n\ntype TablerIcon = FC<TablerIconProps>;\n\n`;
+
+	await asyncForEach(files, async function (file) {
+		const svgCode = optimizeSvgCode(fs.readFileSync(file).toString()),
+			fileName = path.basename(file, '.svg') + '.js',
+			iconComponentName = componentName(file);
+
+		svgr(svgCode, {
+			icon: false,
+			svgProps: { width: '{size}', height: '{size}', strokeWidth: '{stroke}', stroke: '{color}' },
+			template: require('./.build/svgr-template')
+		}, { componentName: iconComponentName }).then(jsCode => {
+			fs.writeFileSync('icons-react/icons-js/' + fileName, jsCode);
+			indexCode += `export { default as ${iconComponentName} } from './icons-js/${fileName}';\n`;
+			indexDCode += `export const ${iconComponentName}: TablerIcon;\n`;
+		});
+
+		fs.writeFileSync('icons-react/index.js', indexCode);
+		fs.writeFileSync('icons-react/index.d.js', indexDCode);
+	});
+
+	cb();
+}));
+
+gulp.task('build', gulp.series('optimize', 'build-jekyll', 'build-copy', 'icons-sprite', 'icons-react', 'icons-preview', 'svg-to-png', 'build-iconfont', 'changelog-image', 'build-zip'));

icons-react/icons-js/2fa.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const Icon2fa = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-2fa" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M7 16h-4 l3.47 -4.66 a2 2 0 1 0 -3.47 -1.54" /><path d="M10 16v-8h4" /><line x1={10} y1={12} x2={13} y2={12} /><path d="M17 16v-6a2 2 0 0 1 4 0v6" /><line x1={17} y1={13} x2={21} y2={13} /></svg>;
+
+export default Icon2fa;

icons-react/icons-js/a-b.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAB = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-a-b" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /><line x1={12} y1={6} x2={12} y2={18} /><path d="M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3" /></svg>;
+
+export default IconAB;

icons-react/icons-js/accessible.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAccessible = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-accessible" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /><circle cx={12} cy={7.5} r={0.5} fill="currentColor" /></svg>;
+
+export default IconAccessible;

icons-react/icons-js/ad.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAd = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ad" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><rect x={3} y={5} width={18} height={14} rx={2} /><path d="M7 15v-4a2 2 0 0 1 4 0v4" /><line x1={7} y1={13} x2={11} y2={13} /><path d="M17 9v6h-1.5a1.5 1.5 0 1 1 1.5 -1.5" /></svg>;
+
+export default IconAd;

icons-react/icons-js/adjustments-alt.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAdjustmentsAlt = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-adjustments-alt" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><rect x={4} y={8} width={4} height={4} /><line x1={6} y1={4} x2={6} y2={8} /><line x1={6} y1={12} x2={6} y2={20} /><rect x={10} y={14} width={4} height={4} /><line x1={12} y1={4} x2={12} y2={14} /><line x1={12} y1={18} x2={12} y2={20} /><rect x={16} y={5} width={4} height={4} /><line x1={18} y1={4} x2={18} y2={5} /><line x1={18} y1={9} x2={18} y2={20} /></svg>;
+
+export default IconAdjustmentsAlt;

icons-react/icons-js/adjustments-horizontal.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAdjustmentsHorizontal = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-adjustments-horizontal" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={14} cy={6} r={2} /><line x1={4} y1={6} x2={12} y2={6} /><line x1={16} y1={6} x2={20} y2={6} /><circle cx={8} cy={12} r={2} /><line x1={4} y1={12} x2={6} y2={12} /><line x1={10} y1={12} x2={20} y2={12} /><circle cx={17} cy={18} r={2} /><line x1={4} y1={18} x2={15} y2={18} /><line x1={19} y1={18} x2={20} y2={18} /></svg>;
+
+export default IconAdjustmentsHorizontal;

icons-react/icons-js/adjustments.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAdjustments = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-adjustments" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={6} cy={10} r={2} /><line x1={6} y1={4} x2={6} y2={8} /><line x1={6} y1={12} x2={6} y2={20} /><circle cx={12} cy={16} r={2} /><line x1={12} y1={4} x2={12} y2={14} /><line x1={12} y1={18} x2={12} y2={20} /><circle cx={18} cy={7} r={2} /><line x1={18} y1={4} x2={18} y2={5} /><line x1={18} y1={9} x2={18} y2={20} /></svg>;
+
+export default IconAdjustments;

icons-react/icons-js/alarm.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlarm = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-alarm" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={13} r={7} /><polyline points="12 10 12 13 14 13" /><line x1={7} y1={4} x2={4.25} y2={6} /><line x1={17} y1={4} x2={19.75} y2={6} /></svg>;
+
+export default IconAlarm;

icons-react/icons-js/alert-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlertCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-alert-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={12} y1={8} x2={12} y2={12} /><line x1={12} y1={16} x2={12.01} y2={16} /></svg>;
+
+export default IconAlertCircle;

icons-react/icons-js/alert-octagon.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlertOctagon = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-alert-octagon" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M8.7 3 h 6.6 c0.3 0 .5 .1 .7 .3 l4.7 4.7 c0.2 .2 .3 .4 .3 .7 v6.6 c0 .3 -.1 .5 -.3 .7 l-4.7 4.7 c-0.2 .2 -.4 .3 -.7 .3h-6.6 c-0.3 0 -.5 -.1 -.7 -.3 l-4.7 -4.7 c-0.2 -.2 -.3 -.4 -.3 -.7 v-6.6 c0 -.3 .1 -.5 .3 -.7l4.7 -4.7 c0.2 -.2 .4 -.3 .7 -.3z" /><line x1={12} y1={8} x2={12} y2={12} /><line x1={12} y1={16} x2={12.01} y2={16} /></svg>;
+
+export default IconAlertOctagon;

icons-react/icons-js/alert-triangle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlertTriangle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-alert-triangle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M12 9v2m0 4v.01" /><path d="M5 19 h14 a2 2 0 0 0 1.84 -2.75 l-7.1 -12.25 a2 2 0 0 0 -3.5 0 l-7.1 12.25 a2 2 0 0 0 1.75 2.75" /></svg>;
+
+export default IconAlertTriangle;

icons-react/icons-js/alien.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlien = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-alien" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M11 17a2.5 2.5 0 0 0 2 0" /><path d="M12 3C7.336 3 4.604 5.331 4.138 8.595a11.816 11.816 0 0 0 1.998 8.592 10.777 10.777 0 003.199 3.064h0c1.666.999 3.664.999 5.33 0h0a10.777 10.777 0 0 0 3.199 -3.064 11.89 11.89 0 001.998-8.592C19.396 5.33 16.664 3 12 3z" /><line x1={8} y1={11} x2={10} y2={13} /><line x1={16} y1={11} x2={14} y2={13} /></svg>;
+
+export default IconAlien;

icons-react/icons-js/align-center.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlignCenter = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-align-center" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={6} x2={20} y2={6} /><line x1={8} y1={12} x2={16} y2={12} /><line x1={6} y1={18} x2={18} y2={18} /></svg>;
+
+export default IconAlignCenter;

icons-react/icons-js/align-justified.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlignJustified = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-align-justified" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={6} x2={20} y2={6} /><line x1={4} y1={12} x2={20} y2={12} /><line x1={4} y1={18} x2={16} y2={18} /></svg>;
+
+export default IconAlignJustified;

icons-react/icons-js/align-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlignLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-align-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={6} x2={20} y2={6} /><line x1={4} y1={12} x2={14} y2={12} /><line x1={4} y1={18} x2={18} y2={18} /></svg>;
+
+export default IconAlignLeft;

icons-react/icons-js/align-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAlignRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-align-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={6} x2={20} y2={6} /><line x1={10} y1={12} x2={20} y2={12} /><line x1={6} y1={18} x2={20} y2={18} /></svg>;
+
+export default IconAlignRight;

icons-react/icons-js/ambulance.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAmbulance = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ambulance" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={7} cy={17} r={2} /><circle cx={17} cy={17} r={2} /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5" /><path d="M6 10h4m-2 -2v4" /></svg>;
+
+export default IconAmbulance;

icons-react/icons-js/anchor.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAnchor = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-anchor" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M12 9v12m-8 -8a8 8 0 0 0 16 0m1 0h-2m-14 0h-2" /><circle cx={12} cy={6} r={3} /></svg>;
+
+export default IconAnchor;

icons-react/icons-js/antenna-bars-1.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAntennaBars1 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-antenna-bars-1" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 18v-.01" /><path d="M10 18v-.01" /><path d="M14 18v-.01" /><path d="M18 18v-.01" /></svg>;
+
+export default IconAntennaBars1;

icons-react/icons-js/antenna-bars-2.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAntennaBars2 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-antenna-bars-2" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 18v-3" /><path d="M10 18v-.01" /><path d="M14 18v-.01" /><path d="M18 18v-.01" /></svg>;
+
+export default IconAntennaBars2;

icons-react/icons-js/antenna-bars-3.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAntennaBars3 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-antenna-bars-3" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 18v-3" /><path d="M10 18v-6" /><path d="M14 18v-.01" /><path d="M18 18v-.01" /></svg>;
+
+export default IconAntennaBars3;

icons-react/icons-js/antenna-bars-4.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAntennaBars4 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-antenna-bars-4" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 18v-3" /><path d="M10 18v-6" /><path d="M14 18v-9" /><path d="M18 18v-.01" /></svg>;
+
+export default IconAntennaBars4;

icons-react/icons-js/antenna-bars-5.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAntennaBars5 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-antenna-bars-5" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 18v-3" /><path d="M10 18v-6" /><path d="M14 18v-9" /><path d="M18 18v-12" /></svg>;
+
+export default IconAntennaBars5;

icons-react/icons-js/aperture.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAperture = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-aperture" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={3.6} y1={15} x2={14.15} y2={15} /><line x1={3.6} y1={15} x2={14.15} y2={15} transform="rotate(72 12 12)" /><line x1={3.6} y1={15} x2={14.15} y2={15} transform="rotate(144 12 12)" /><line x1={3.6} y1={15} x2={14.15} y2={15} transform="rotate(216 12 12)" /><line x1={3.6} y1={15} x2={14.15} y2={15} transform="rotate(288 12 12)" /></svg>;
+
+export default IconAperture;

icons-react/icons-js/apps.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconApps = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-apps" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><rect x={4} y={4} width={6} height={6} rx={1} /><rect x={4} y={14} width={6} height={6} rx={1} /><rect x={14} y={14} width={6} height={6} rx={1} /><line x1={14} y1={7} x2={20} y2={7} /><line x1={17} y1={4} x2={17} y2={10} /></svg>;
+
+export default IconApps;

icons-react/icons-js/archive.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArchive = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-archive" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><rect x={3} y={4} width={18} height={4} rx={2} /><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10" /><line x1={10} y1={12} x2={14} y2={12} /></svg>;
+
+export default IconArchive;

icons-react/icons-js/arrow-back-up.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBackUp = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-back-up" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" /></svg>;
+
+export default IconArrowBackUp;

icons-react/icons-js/arrow-back.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBack = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-back" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" /></svg>;
+
+export default IconArrowBack;

icons-react/icons-js/arrow-bar-down.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarDown = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-down" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={20} x2={12} y2={10} /><line x1={12} y1={20} x2={16} y2={16} /><line x1={12} y1={20} x2={8} y2={16} /><line x1={4} y1={4} x2={20} y2={4} /></svg>;
+
+export default IconArrowBarDown;

icons-react/icons-js/arrow-bar-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={12} x2={14} y2={12} /><line x1={4} y1={12} x2={8} y2={16} /><line x1={4} y1={12} x2={8} y2={8} /><line x1={20} y1={4} x2={20} y2={20} /></svg>;
+
+export default IconArrowBarLeft;

icons-react/icons-js/arrow-bar-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={20} y1={12} x2={10} y2={12} /><line x1={20} y1={12} x2={16} y2={16} /><line x1={20} y1={12} x2={16} y2={8} /><line x1={4} y1={4} x2={4} y2={20} /></svg>;
+
+export default IconArrowBarRight;

icons-react/icons-js/arrow-bar-to-down.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarToDown = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-to-down" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={20} x2={20} y2={20} /><line x1={12} y1={14} x2={12} y2={4} /><line x1={12} y1={14} x2={16} y2={10} /><line x1={12} y1={14} x2={8} y2={10} /></svg>;
+
+export default IconArrowBarToDown;

icons-react/icons-js/arrow-bar-to-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarToLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-to-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={10} y1={12} x2={20} y2={12} /><line x1={10} y1={12} x2={14} y2={16} /><line x1={10} y1={12} x2={14} y2={8} /><line x1={4} y1={4} x2={4} y2={20} /></svg>;
+
+export default IconArrowBarToLeft;

icons-react/icons-js/arrow-bar-to-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarToRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-to-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={14} y1={12} x2={4} y2={12} /><line x1={14} y1={12} x2={10} y2={16} /><line x1={14} y1={12} x2={10} y2={8} /><line x1={20} y1={4} x2={20} y2={20} /></svg>;
+
+export default IconArrowBarToRight;

icons-react/icons-js/arrow-bar-to-up.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarToUp = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-to-up" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={10} x2={12} y2={20} /><line x1={12} y1={10} x2={16} y2={14} /><line x1={12} y1={10} x2={8} y2={14} /><line x1={4} y1={4} x2={20} y2={4} /></svg>;
+
+export default IconArrowBarToUp;

icons-react/icons-js/arrow-bar-up.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowBarUp = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-bar-up" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={4} x2={12} y2={14} /><line x1={12} y1={4} x2={16} y2={8} /><line x1={12} y1={4} x2={8} y2={8} /><line x1={4} y1={20} x2={20} y2={20} /></svg>;
+
+export default IconArrowBarUp;

icons-react/icons-js/arrow-down-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowDownCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-down-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={8} y1={12} x2={12} y2={16} /><line x1={12} y1={8} x2={12} y2={16} /><line x1={16} y1={12} x2={12} y2={16} /></svg>;
+
+export default IconArrowDownCircle;

icons-react/icons-js/arrow-down-left-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowDownLeftCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-down-left-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={15} y1={9} x2={9} y2={15} /><polyline points="15 15 9 15 9 9" /></svg>;
+
+export default IconArrowDownLeftCircle;

icons-react/icons-js/arrow-down-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowDownLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-down-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={17} y1={7} x2={7} y2={17} /><polyline points="16 17 7 17 7 8" /></svg>;
+
+export default IconArrowDownLeft;

icons-react/icons-js/arrow-down-right-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowDownRightCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-down-right-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={15} y1={15} x2={9} y2={15} /><polyline points="15 9 15 15 9 9" /></svg>;
+
+export default IconArrowDownRightCircle;

icons-react/icons-js/arrow-down-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowDownRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-down-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={7} y1={7} x2={17} y2={17} /><polyline points="17 8 17 17 8 17" /></svg>;
+
+export default IconArrowDownRight;

icons-react/icons-js/arrow-down.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowDown = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-down" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={5} x2={12} y2={19} /><line x1={18} y1={13} x2={12} y2={19} /><line x1={6} y1={13} x2={12} y2={19} /></svg>;
+
+export default IconArrowDown;

icons-react/icons-js/arrow-forward-up.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowForwardUp = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-forward-up" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1" /></svg>;
+
+export default IconArrowForwardUp;

icons-react/icons-js/arrow-forward.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowForward = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-forward" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" /></svg>;
+
+export default IconArrowForward;

icons-react/icons-js/arrow-left-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowLeftCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-left-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={8} y1={12} x2={16} y2={12} /><line x1={8} y1={12} x2={12} y2={16} /><line x1={8} y1={12} x2={12} y2={8} /></svg>;
+
+export default IconArrowLeftCircle;

icons-react/icons-js/arrow-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={5} y1={12} x2={19} y2={12} /><line x1={5} y1={12} x2={11} y2={18} /><line x1={5} y1={12} x2={11} y2={6} /></svg>;
+
+export default IconArrowLeft;

icons-react/icons-js/arrow-narrow-down.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowNarrowDown = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-narrow-down" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={5} x2={12} y2={19} /><line x1={16} y1={15} x2={12} y2={19} /><line x1={8} y1={15} x2={12} y2={19} /></svg>;
+
+export default IconArrowNarrowDown;

icons-react/icons-js/arrow-narrow-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowNarrowLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-narrow-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={5} y1={12} x2={19} y2={12} /><line x1={5} y1={12} x2={9} y2={16} /><line x1={5} y1={12} x2={9} y2={8} /></svg>;
+
+export default IconArrowNarrowLeft;

icons-react/icons-js/arrow-narrow-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowNarrowRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-narrow-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={5} y1={12} x2={19} y2={12} /><line x1={15} y1={16} x2={19} y2={12} /><line x1={15} y1={8} x2={19} y2={12} /></svg>;
+
+export default IconArrowNarrowRight;

icons-react/icons-js/arrow-narrow-up.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowNarrowUp = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-narrow-up" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={5} x2={12} y2={19} /><line x1={16} y1={9} x2={12} y2={5} /><line x1={8} y1={9} x2={12} y2={5} /></svg>;
+
+export default IconArrowNarrowUp;

icons-react/icons-js/arrow-right-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowRightCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-right-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={16} y1={12} x2={8} y2={12} /><line x1={16} y1={12} x2={12} y2={16} /><line x1={16} y1={12} x2={12} y2={8} /></svg>;
+
+export default IconArrowRightCircle;

icons-react/icons-js/arrow-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={5} y1={12} x2={19} y2={12} /><line x1={13} y1={18} x2={19} y2={12} /><line x1={13} y1={6} x2={19} y2={12} /></svg>;
+
+export default IconArrowRight;

icons-react/icons-js/arrow-up-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowUpCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-up-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={12} y1={8} x2={8} y2={12} /><line x1={12} y1={8} x2={12} y2={16} /><line x1={16} y1={12} x2={12} y2={8} /></svg>;
+
+export default IconArrowUpCircle;

icons-react/icons-js/arrow-up-left-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowUpLeftCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-up-left-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={9} y1={9} x2={15} y2={15} /><polyline points="15 9 9 9 9 15" /></svg>;
+
+export default IconArrowUpLeftCircle;

icons-react/icons-js/arrow-up-left.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowUpLeft = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-up-left" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={7} y1={7} x2={17} y2={17} /><polyline points="16 7 7 7 7 16" /></svg>;
+
+export default IconArrowUpLeft;

icons-react/icons-js/arrow-up-right-circle.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowUpRightCircle = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-up-right-circle" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={15} y1={9} x2={9} y2={15} /><polyline points="15 15 15 9 9 9" /></svg>;
+
+export default IconArrowUpRightCircle;

icons-react/icons-js/arrow-up-right.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowUpRight = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-up-right" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={17} y1={7} x2={7} y2={17} /><polyline points="8 7 17 7 17 16" /></svg>;
+
+export default IconArrowUpRight;

icons-react/icons-js/arrow-up.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowUp = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrow-up" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={5} x2={12} y2={19} /><line x1={18} y1={11} x2={12} y2={5} /><line x1={6} y1={11} x2={12} y2={5} /></svg>;
+
+export default IconArrowUp;

icons-react/icons-js/arrows-diagonal-2.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsDiagonal2 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-diagonal-2" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="16 20 20 20 20 16" /><line x1={14} y1={14} x2={20} y2={20} /><polyline points="8 4 4 4 4 8" /><line x1={4} y1={4} x2={10} y2={10} /></svg>;
+
+export default IconArrowsDiagonal2;

icons-react/icons-js/arrows-diagonal.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsDiagonal = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-diagonal" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="16 4 20 4 20 8" /><line x1={14} y1={10} x2={20} y2={4} /><polyline points="8 20 4 20 4 16" /><line x1={4} y1={20} x2={10} y2={14} /></svg>;
+
+export default IconArrowsDiagonal;

icons-react/icons-js/arrows-horizontal.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsHorizontal = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-horizontal" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="7 8 3 12 7 16" /><polyline points="17 8 21 12 17 16" /><line x1={3} y1={12} x2={21} y2={12} /></svg>;
+
+export default IconArrowsHorizontal;

icons-react/icons-js/arrows-maximize.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsMaximize = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-maximize" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="16 4 20 4 20 8" /><line x1={14} y1={10} x2={20} y2={4} /><polyline points="8 20 4 20 4 16" /><line x1={4} y1={20} x2={10} y2={14} /><polyline points="16 20 20 20 20 16" /><line x1={14} y1={14} x2={20} y2={20} /><polyline points="8 4 4 4 4 8" /><line x1={4} y1={4} x2={10} y2={10} /></svg>;
+
+export default IconArrowsMaximize;

icons-react/icons-js/arrows-minimize.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsMinimize = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-minimize" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="5 9 9 9 9 5" /><line x1={3} y1={3} x2={9} y2={9} /><polyline points="5 15 9 15 9 19" /><line x1={3} y1={21} x2={9} y2={15} /><polyline points="19 9 15 9 15 5" /><line x1={15} y1={9} x2={21} y2={3} /><polyline points="19 15 15 15 15 19" /><line x1={15} y1={15} x2={21} y2={21} /></svg>;
+
+export default IconArrowsMinimize;

icons-react/icons-js/arrows-sort.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsSort = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-sort" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M3 9l4-4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4-4m4 4v-14" /></svg>;
+
+export default IconArrowsSort;

icons-react/icons-js/arrows-vertical.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArrowsVertical = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-arrows-vertical" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="8 7 12 3 16 7" /><polyline points="8 17 12 21 16 17" /><line x1={12} y1={3} x2={12} y2={21} /></svg>;
+
+export default IconArrowsVertical;

icons-react/icons-js/artboard.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconArtboard = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-artboard" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><rect x={8} y={8} width={8} height={8} rx={1} /><line x1={3} y1={8} x2={4} y2={8} /><line x1={3} y1={16} x2={4} y2={16} /><line x1={8} y1={3} x2={8} y2={4} /><line x1={16} y1={3} x2={16} y2={4} /><line x1={20} y1={8} x2={21} y2={8} /><line x1={20} y1={16} x2={21} y2={16} /><line x1={8} y1={20} x2={8} y2={21} /><line x1={16} y1={20} x2={16} y2={21} /></svg>;
+
+export default IconArtboard;

icons-react/icons-js/at.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAt = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-at" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={4} /><path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" /></svg>;
+
+export default IconAt;

icons-react/icons-js/atom-2.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAtom2 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-atom-2" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={3} /><line x1={12} y1={21} x2={12} y2={21.01} /><line x1={3} y1={9} x2={3} y2={9.01} /><line x1={21} y1={9} x2={21} y2={9.01} /><path d="M8 20.1a9 9 0 0 1 -5 -7.1" /><path d="M16 20.1a9 9 0 0 0 5 -7.1" /><path d="M6.2 5a9 9 0 0 1 11.4 0" /></svg>;
+
+export default IconAtom2;

icons-react/icons-js/atom.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAtom = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-atom" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={12} y1={12} x2={12} y2={12.01} /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(45 12 12)" /><path d="M12 2a4 10 0 0 0 -4 10a4 10 0 0 0 4 10a4 10 0 0 0 4 -10a4 10 0 0 0 -4 -10" transform="rotate(-45 12 12)" /></svg>;
+
+export default IconAtom;

icons-react/icons-js/award.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconAward = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-award" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={9} r={6} /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(-30 12 9)" /><polyline points="9 14.2 9 21 12 19 15 21 15 14.2" transform="rotate(30 12 9)" /></svg>;
+
+export default IconAward;

icons-react/icons-js/backspace.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBackspace = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-backspace" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-11l-5 -5a1.5 1.5 0 0 1 0 -2l5 -5Z" /><path d="M12 10l4 4m0 -4l-4 4" /></svg>;
+
+export default IconBackspace;

icons-react/icons-js/ball-basketball.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBallBasketball = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ball-basketball" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={5.65} y1={5.65} x2={18.35} y2={18.35} /><line x1={5.65} y1={18.35} x2={18.35} y2={5.65} /><path d="M12 3a9 9 0 0 0 9 9" /><path d="M3 12a9 9 0 0 1 9 9" /></svg>;
+
+export default IconBallBasketball;

icons-react/icons-js/ball-bowling.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBallBowling = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ball-bowling" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={11} y1={9} x2={11} y2={9.01} /><line x1={15} y1={8} x2={15} y2={8.01} /><line x1={14} y1={12} x2={14} y2={12.01} /></svg>;
+
+export default IconBallBowling;

icons-react/icons-js/ball-tennis.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBallTennis = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ball-tennis" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><path d="M6 5.3a9 9 0 0 1 0 13.4" /><path d="M6 5.3a9 9 0 0 1 0 13.4" transform="rotate(180 12 12)" /></svg>;
+
+export default IconBallTennis;

icons-react/icons-js/ball-volleyball.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBallVolleyball = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ball-volleyball" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><path d="M12 12a8 8 0 0 0 8 4M7.5 13.5a12 12 0 0 0 8.5 6.5" /><path d="M12 12a8 8 0 0 0 8 4M7.5 13.5a12 12 0 0 0 8.5 6.5" transform="rotate(120 12 12)" /><path d="M12 12a8 8 0 0 0 8 4M7.5 13.5a12 12 0 0 0 8.5 6.5" transform="rotate(240 12 12)" /></svg>;
+
+export default IconBallVolleyball;

icons-react/icons-js/ban.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBan = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-ban" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={9} /><line x1={5.7} y1={5.7} x2={18.3} y2={18.3} /></svg>;
+
+export default IconBan;

icons-react/icons-js/bandage.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBandage = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bandage" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={14} y1={12} x2={14} y2={12.01} /><line x1={10} y1={12} x2={10} y2={12.01} /><line x1={12} y1={10} x2={12} y2={10.01} /><line x1={12} y1={14} x2={12} y2={14.01} /><path d="M4.5 12.5l8 -8a4.94 4.94 0 0 1 7 7l-8 8a4.94 4.94 0 0 1 -7 -7" /></svg>;
+
+export default IconBandage;

icons-react/icons-js/barcode.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBarcode = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-barcode" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M4 7v-1a2 2 0 0 1 2 -2h2" /><path d="M4 17v1a2 2 0 0 0 2 2h2" /><path d="M16 4h2a2 2 0 0 1 2 2v1" /><path d="M16 20h2a2 2 0 0 0 2 -2v-1" /><rect x={5} y={11} width={1} height={2} /><line x1={10} y1={11} x2={10} y2={13} /><rect x={14} y={11} width={1} height={2} /><line x1={19} y1={11} x2={19} y2={13} /></svg>;
+
+export default IconBarcode;

icons-react/icons-js/basket.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBasket = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-basket" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="7 10 12 4 17 10" /><path d="M21 10l-2 8a2 2.5 0 0 1 -2 2h-10a2 2.5 0 0 1 -2 -2l-2 -8Z" /><circle cx={12} cy={15} r={2} /></svg>;
+
+export default IconBasket;

icons-react/icons-js/battery-1.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBattery1 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-battery-1" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1={7} y1={10} x2={7} y2={14} /></svg>;
+
+export default IconBattery1;

icons-react/icons-js/battery-2.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBattery2 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-battery-2" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1={7} y1={10} x2={7} y2={14} /><line x1={10} y1={10} x2={10} y2={14} /></svg>;
+
+export default IconBattery2;

icons-react/icons-js/battery-3.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBattery3 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-battery-3" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1={7} y1={10} x2={7} y2={14} /><line x1={10} y1={10} x2={10} y2={14} /><line x1={13} y1={10} x2={13} y2={14} /></svg>;
+
+export default IconBattery3;

icons-react/icons-js/battery-4.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBattery4 = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-battery-4" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /><line x1={7} y1={10} x2={7} y2={14} /><line x1={10} y1={10} x2={10} y2={14} /><line x1={13} y1={10} x2={13} y2={14} /><line x1={16} y1={10} x2={16} y2={14} /></svg>;
+
+export default IconBattery4;

icons-react/icons-js/battery-charging.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBatteryCharging = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-battery-charging" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M16 7h1a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-2" /><path d="M8 7H6a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1" /><path d="M12 8l-2 4h3l-2 4" /></svg>;
+
+export default IconBatteryCharging;

icons-react/icons-js/battery.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBattery = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-battery" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M6 7h11a2 2 0 0 1 2 2v.5a.5 .5 0 0 0 .5 .5a.5 .5 0 0 1 .5 .5v3a.5 .5 0 0 1 -.5 .5a.5 .5 0 0 0 -.5 .5v.5a2 2 0 0 1 -2 2h-11a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2" /></svg>;
+
+export default IconBattery;

icons-react/icons-js/bed.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBed = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bed" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M3 7v11m0 -4h18m0 4v-8a2 2 0 0 0 -2 -2h-8v6" /><circle cx={7} cy={10} r={1} /></svg>;
+
+export default IconBed;

icons-react/icons-js/bell.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBell = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bell" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>;
+
+export default IconBell;

icons-react/icons-js/bike.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBike = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bike" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={5} cy={18} r={3} /><circle cx={19} cy={18} r={3} /><polyline points="12 19 12 15 9 12 14 8 16 11 19 11" /><circle cx={17} cy={5} r={1} /></svg>;
+
+export default IconBike;

icons-react/icons-js/biohazard.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBiohazard = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-biohazard" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><circle cx={12} cy={12} r={2} /><path d="M11.939 14 c0.03 0.173 0.048 0.351 0.056 0.533 l 0.005 0.217 a4.75 4.75 0 0 1 -4.533 4.745 l -0.217 0.005 m -4.75 -4.75 a4.75 4.75 0 0 1 7.737 -3.693 m 6.513 8.443 a4.75 4.75 0 0 1 -4.69 -5.503 l -0.06 0.003 m 1.764 -2.944 a4.75 4.75 0 0 1 7.731 3.477 l 0.005 0.217 m -11.195 -3.813 a4.75 4.75 0 0 1 -1.828 -7.624 l 0.164 -0.172 m 6.718 0 a4.75 4.75 0 0 1 -1.665 7.798" /></svg>;
+
+export default IconBiohazard;

icons-react/icons-js/bluetooth.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBluetooth = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bluetooth" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="6 8 18 16 12 20 12 4 18 8 6 16" /></svg>;
+
+export default IconBluetooth;

icons-react/icons-js/bold.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBold = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bold" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" /><path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" /></svg>;
+
+export default IconBold;

icons-react/icons-js/bolt.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBolt = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bolt" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="13 3 13 10 19 10 11 21 11 14 5 14 13 3" /></svg>;
+
+export default IconBolt;

icons-react/icons-js/book.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBook = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-book" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><path d="M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0" /><line x1={3} y1={6} x2={3} y2={19} /><line x1={12} y1={6} x2={12} y2={19} /><line x1={21} y1={6} x2={21} y2={19} /></svg>;
+
+export default IconBook;

icons-react/icons-js/bookmark.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBookmark = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-bookmark" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M9 4h6a2 2 0 0 1 2 2v14l-5-3l-5 3v-14a2 2 0 0 1 2 -2" /></svg>;
+
+export default IconBookmark;

icons-react/icons-js/border-all.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBorderAll = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-border-all" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><rect x={4} y={4} width={16} height={16} rx={2} /><line x1={4} y1={12} x2={20} y2={12} /><line x1={12} y1={4} x2={12} y2={20} /></svg>;
+
+export default IconBorderAll;

icons-react/icons-js/border-bottom.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBorderBottom = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-border-bottom" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={20} y1={20} x2={4} y2={20} /><line x1={4} y1={4} x2={4} y2={4.01} /><line x1={8} y1={4} x2={8} y2={4.01} /><line x1={12} y1={4} x2={12} y2={4.01} /><line x1={16} y1={4} x2={16} y2={4.01} /><line x1={20} y1={4} x2={20} y2={4.01} /><line x1={4} y1={8} x2={4} y2={8.01} /><line x1={12} y1={8} x2={12} y2={8.01} /><line x1={20} y1={8} x2={20} y2={8.01} /><line x1={4} y1={12} x2={4} y2={12.01} /><line x1={8} y1={12} x2={8} y2={12.01} /><line x1={12} y1={12} x2={12} y2={12.01} /><line x1={16} y1={12} x2={16} y2={12.01} /><line x1={20} y1={12} x2={20} y2={12.01} /><line x1={4} y1={16} x2={4} y2={16.01} /><line x1={12} y1={16} x2={12} y2={16.01} /><line x1={20} y1={16} x2={20} y2={16.01} /></svg>;
+
+export default IconBorderBottom;

icons-react/icons-js/border-horizontal.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBorderHorizontal = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-border-horizontal" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={12} x2={20} y2={12} /><line x1={4} y1={4} x2={4} y2={4.01} /><line x1={8} y1={4} x2={8} y2={4.01} /><line x1={12} y1={4} x2={12} y2={4.01} /><line x1={16} y1={4} x2={16} y2={4.01} /><line x1={20} y1={4} x2={20} y2={4.01} /><line x1={4} y1={8} x2={4} y2={8.01} /><line x1={12} y1={8} x2={12} y2={8.01} /><line x1={20} y1={8} x2={20} y2={8.01} /><line x1={4} y1={16} x2={4} y2={16.01} /><line x1={12} y1={16} x2={12} y2={16.01} /><line x1={20} y1={16} x2={20} y2={16.01} /><line x1={4} y1={20} x2={4} y2={20.01} /><line x1={8} y1={20} x2={8} y2={20.01} /><line x1={12} y1={20} x2={12} y2={20.01} /><line x1={16} y1={20} x2={16} y2={20.01} /><line x1={20} y1={20} x2={20} y2={20.01} /></svg>;
+
+export default IconBorderHorizontal;

icons-react/icons-js/border-inner.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+
+const IconBorderInner = (size = 24, color = "currentColor", stroke = 2, ...props) => <svg className="icon icon-tabler icon-tabler-border-inner" width={size} height={size} viewBox="0 0 24 24" strokeWidth={stroke} stroke={color} fill="none" strokeLinecap="round" strokeLinejoin="round" {...props}><line x1={4} y1={12} x2={20} y2={12} /><line x1={12} y1={4} x2={12} y2={20} /><line x1={4} y1={4} x2={4} y2={4.01} /><line x1={8} y1={4} x2={8} y2={4.01} /><line x1={16} y1={4} x2={16} y2={4.01} /><line x1={20} y1={4} x2={20} y2={4.01} /><line x1={4} y1={8} x2={4} y2={8.01} /><line x1={20} y1={8} x2={20} y2={8.01} /><line x1={4} y1={16} x2={4} y2={16.01} /><line x1={20} y1={16} x2={20} y2={16.01} /><line x1={4} y1={20} x2={4} y2={20.01} /><line x1={8} y1={20} x2={8} y2={20.01} /><line x1={16} y1={20} x2={16} y2={20.01} /><line x1={20} y1={20} x2={20} y2={20.01} /></svg>;
+
+export default IconBorderInner;